画像無しで角丸装飾

ここでは画像を使用しないで角を丸く見せる方法の解説をしています。

例えばここが小見出し

おそらく要素は何でも使用できると思います。

ソースを見ればどの部分が重要なのかがわかるようにする為に余計な装飾部分は省いています。これ以後のサンプルではdivのid名などには手を加えていません。

装飾はあくまでもオマケであって、大事なのはJavaScriptの部分です。最初に適用させるボックスを指定して、その背景色を順に指定しています。どちらの色をどこと合わせなければならないのかは続けて書かれているCSSと比べれば容易に判断できるでしょう。