記事の一部を四角く囲む

記事の一部を四角く囲んで強調する方法のメモ。

背景を白にする場合

<p style=”background-color:#FFFFFF; border:1px solid #999999; padding:5px;”>ここに文章を入れる</p>

分解すると

<p style=”
//#FFFFFF＝背景の色 
background-color:#FFFFFF;
//border＝線についての設定　1px＝線の太さ　solid＝線の種類　#999999＝線の色 
border:1px solid #999999;
//5px＝枠と文字の間隔
padding:5px;
“>
ここに文章を入れる
</p>

このサイトの場合background-colorは#F7F7F7くらいがちょうどいいかな。

<p style=”background-color: #F7F7F7; border:1px solid #999999; padding:5px;”>ここに文章を入れる</p>