ボックスの角を丸くして表現するいわゆる「角丸」。 実装するにはdiv要素をいくつも入れ子にして角丸画像を背景として指定し表現していました。 しかし、CSS3で追加されました「border-radius」プロパティを使ってdiv要素を多用せずに角丸デザインを実装することができます。 このプロパティでは4つ角すべて「角丸」にすることも、任意のところだけを「角丸」にすることもできます。 border-radiusプロパティは、IEはサポートしていないためjQueryを使用してクロスブラウザに対応します。jQueryプラグインの「jQuery corner」を使用します。 デモ 4つ全て角丸 【HTML】