引用部分に縦棒

Uncategorized

今回はいつも使っている「BLOCKQUOTE」、つまり引用部分に縦棒を加える方法。
まあ、皆さんやっているからご存じと思いますが。。それから色も付けてみました。
これはテンプレートのスタイルシートに新しいクラスを追加することで出来ます。

styles-site.css
blockquote {
border-left:rosybrown 3px solid;
padding-right:10px;
padding-left:10px;
margin-right:15px;
margin-left:15px;
margin-top:15px;
margin-bottom:0px;
font-size:85%;
width:auto;
color:dimgray;