引用部分のCSSを設定してみよう

＜blockquote＞で囲むことで引用…なんですが、、

blockquote
{
background : #ffffff ;
color : #333333 ;
padding : 5px ;
width : auto ;
border-top : 1px #dddddd dotted ;
border-bottom : 1px #dddddd dotted ;
border-color : #333333 ;
}

上のようなCSSを設定しました。なので、

引用部分はこんな感じで表示されます。引用部分はこんな感じで表示されます。引用部分はこんな感じで表示されます。

大事なことなので3回書きました。またちょこちょこいじるかもしれませんが、とりあえずはこんな具合です。

参考にさせてもらったサイトです。

HTMLとCSSで引用文を枠線で囲む方法 - webクリエイターかずやんの日記

スタイルシート［CSS］/ボックス/境界線の設定をひとまとめに行う - TAG index Webサイト