引用文の書式変更

スタイルシートファイルの.content blockquoteについて、変更・追加して、引用した文の書式を変更しました。

.content blockquote {
color: #006633;　/*文字の色*/
background:#ffffcc; /*背景色*/
margin:5px 40px 5px 40px; /*余白　上 右 下 左 */
font-size:small; /*文字の大きさ*/
font-weight:normal; /*文字の太さ*/
line-height:150%; /*行間*/
padding: 10px; /*テキストと罫線間の余白*/
border: 2px dotted #336600; /*罫線の太さ、種類（点線）、色*/
width: auto ; /*幅　自動調整*/
}

これで、blockquoteタグを使って引用文を書くことで、以下のようになりました。

【例】

blockquoteタグを使うと、このように、点線で囲まれた引用文として表示されるようになります。