引用文の装飾

ブログにかかせない引用文の装飾をしてみました。

これは引用です。これは引用です。これは引用です。これは引用です。これは引用です。これは引用です。これは引用です。これは引用です。

参考サイト

Webサイトの基本要素 見出し・リスト・引用文のスタイルを整える

テキスト投稿欄に入力

[html]
<blockquote id="bq2">これは引用です。・・</blockquote>
[/html]

外観/CSS編集にスタイルコードを入力

[html]
#bq2 {
border-left: 5px solid #369;
background: #eee;
padding: 10px;
}
[/html]

  • このエントリーをはてなブックマークに追加