引用部分をボックスにしてわかりやすくしたい


デフォルトでは、行間を広げるだけの指定のみである。
これに、枠をつけて、背景色をいれて見栄えをよくします。

  1. 管理画面より、テンプレート→スタイルシート(styles-site.css)を選択する。
  2. 以下の部分を変更する。

    変更前:
    .content blockquote {
    line-height: 150%;
    }

    変更後:
    .content blockquote {
    line-height: 150%;

    margin-left: 10px;
    width: 90%;
    padding: 5px;
    text-align: left;
    border: solid thin maroon;
    background-color: cornsilk;

    }

  3. [保存][再構築] で Ok
カテゴリー: Movable Type パーマリンク

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください