CSS角丸がとっても便利 div border table img等にも

CSSよる角丸が超便利ですね。IE8が残念ながら非対応のようですが、
Chrome、Safari、Firefoxでは問題なくCSSだけで角丸を実現できます。

border-radius: 10px;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

Firefoxではimgタグは反映されないみたいですが、写真の角丸を
画像にほどこしていたことを考えると途轍もなく実用的です。

アップルのグローバルメニューのように左端と右端だけ適用することもできます。
divで背景色を敷いて使ったり、borderもしっかり角丸になりますし、
tableもＣＳＳを指定すれば角が丸くなっちゃいます。