見出しとかに線つける

ちょっと Twitter で話題になったのでめっちょ久しぶりに html 書いた。

線でかこむ

<div style="border:solid 2px #ff0000;">こんなふうに線の種類、太さ、色を指定する</div>

枠の下側だけ線を引く

<div style="border-bottom:solid 2px #0000ff;">border-bottom プロパティでこんなぐあいに線の種類、太さ、色を指定する</div>

見出しにライン

<h1  style="border-bottom:solid 2px #ff0000;">見出しタグ (h1 とか h2 にも使える。</h1>

流行った見出しライン

<h1 style="border-left:solid 7px #ff0000;border-bottom:solid 1px #ff0000;">こんなの流行ったよね。border-left と border-bottom をそれぞれ指定してやればできる。</h1>

っていうかここに書いてある
border−スタイルシートリファレンス

ブログ全体に適用したいときは設定どっかに CSS 書くところがあったと思うのでそこに。