引用タグのCSS装飾

引用タグはけっこー好きでよく使っています。
わかりやすく見えるように、CSSで少しだけ装飾してみました。

完成したのがコチラ。

引用タグを使用したテキスト

CSS例

blockquote{
width: 460px;
background:#ffffff;
margin: 0 20px 10px;
padding: 10px 10px 10px 30px;
border: #9f9f9f dotted;
border-width: 1px;
}

blockquote p{
margin: 0;
line-height: 150%;
font-size: 90%;
}

HTML例

<blockquote><p>引用タグを使用したテキスト</p></blockquote>

背景に画像を使いたい場合は、CSSのblockquote{}内に以下を追記。

background: url(画像URL) repeat-x 0 0;