こんな生活。

ごはんとイラストと雑談

記事の文章の一部を線で囲む方法!

以前、たま~にお役立ち系の記事を書いていて、ここのとこずっと書いていませんでした。
今日はその「たま~に」の瞬間です。


★記事内の文章を線で囲みたい場合はこちらのタグを使います。
(コピペしてご利用ください!)


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



background-color:#FFFFFF → 背景の色
border:1px solid #999999 → 線の太さ、線の種類、線の色
padding:5px → 枠と文字の隙間
を表しています。

この部分を変えればお好みの囲みがつくれます。
>>私はコチラのカラーコード表を参考にしています。


その他ご参考に…(・∀・) (コピペでご利用ください)

◆水色の背景+水色の二重線
<p style="background-color:#E0FFFF;border:3px double #00FFFF;padding:5px;">ここに文章を入れます</p>


◆ピンク色の背景+ピンク色の点線
<p style="background-color:#FFF0F5;border:1px dotted #FFB6C1;padding:5px;">ここに文章を入れます</p>



これらのタグですが、記事を書くとき
「タグ編集エディタ」でお使いください!

今の記事投稿画面の設定が何なのかは、
記事を書くスペースの右上を見てみてください。

140205_gamen1

ここの設定は、各種設定>基本設定 からできます。(左下の方にあります)

140205_gamen2

何か目立たせたいことがあるときに、活用してみてくださいねグッド!