[使えるCSSテクニックVol.2] CSS を使った見栄えの良い見出し | バシャログ。第 2 回目は「見栄えのいい見出し」です。 今回はテキストを生かした見栄えのいい見出しを紹介したいと思います。 画像を使わずに見出しを作成 まずは画像使わずに、border と background を使い見出しを装飾した例です。 サンプル01 h2 { margin: 0; padding: 0; color: #666666; font-size: 86%; } h2.sample1 { padding: 5px 5px 3px; background-color: #FAFAFA; border-left: 5px #22FF99 solid; border-bottom: 1px #DEDEDE solid; } h2.sample2 { padding: 3px 5px; border-top: 3px #FF9933 solid; border-right: 1px #EEEE
![[使えるCSSテクニックVol.2] CSS を使った見栄えの良い見出し | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/1f4390ea5b2b558adfd9c349b9a080aae407daff/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fshared%2Fpublic%2Fimg%2Fcommon%2Ficon_ogp02.png)
