ブログで記事を囲む方法

ブログ内で特定の記事を枠で囲んでいるのをよく見ますよね。

例えば、こんな感じ。

 

サンプル

例えば、こんな感じ

 

このサンプルのタグは以下の通り。

 

<fieldset style="border-style:none;color:darkred;background-color:pink;">

<legend>タイトル</legend>

枠の中の本文

</fieldset>

 

毎回タグを書くのは面倒くさいので、自分好みの条件を指定して、ユーザ辞書に登録しておくと、呼び出すのが簡単。

(ユーザ辞書には［設定］ー［一般］ー［キーボード］でたどり着ける)

 

私はこのブログを参考にしました。

 

Vol.124.ブログを読みやすくする（カッコよく枠で囲む方法）｜ネットビジネス研Ｑ室：人気ブログの研究



サンプルも豊富で、カラーチャートもあるので、非常にわかりやすいです。