引用枠の作成（備忘録）

引用部分をはっきりと区別して見やすくするために、良く見る引用枠と言うものを、自分もやってみたくなった。

いろいろ調べて試行錯誤した結果、下記のやり方に落ち着いたので記録しておく。

引用を意味するタグは<BLOCKQUOTE>があるが、これにスタイルをくっつけてやる訳だ。
具体的には、ブログのサブタイトル欄に以下を追記する。

<style type="text/css">
<!--
blockquote {
background-color: #eeeeee;
border:1px solid #999999;
padding: 3px 7px;
}
-->
</style>

後は記事を書くときに、引用部分を<BLOCKQUOTE>と</BLOCKQUOTE>で挟んでやれば良い。

結果はこのようになる訳だ。

ちなみに、#eeeeeeを変更すれば引用部分の背景色を、#999999を変更すれば枠の色を変えられる。
また、solidをdashedに変更すると枠が点線になる。