文章の文字を囲う方法

ブログの記事を書くときに大切なポイントやメリハリを付けるときに文字を囲むと分かりやすくなります。

グレー実線枠白背景の場合

<p style="background-color:#FFFFFF;border:1px solid #999999;padding:5px;">こちらに文章が入ります。</p>

グレー点線枠水色背景の場合

<p style="background-color:#E3F2FB;border:1px dotted #CCCCCC;padding:5px;">こちらに文章が入ります。</p>

それぞれのタグの役割は以下の通りです

<p style=" background-color:#FFFFFF; /* 背景色 */
border:1px solid #999999; /* 線の太さ　線の種類　線の色 */
padding:5px; /* 枠と文字の隙間 */
">
こちらに文章が入ります。
</p>

ちょっとした工夫で、記事が読みやすくするということも、読者にやさしいカスタマイズといえますね。