[JS]クロスブラウザ対応の画像を使わずに角丸を生成するスクリプト -corners.js

画像を使わずに、パネルの四隅を角丸にする軽量のスクリプトをthe css blogから紹介します。

Creating rounded corners (the "Deviant art's" way)
demo

パネルのHTML箇所は、下記のようになります。

各classは固定で、idを指定することで同一ページに異なるデザインの角丸を指定できます。

対応ブラウザは、IE6/7/8, Fx, Op, Safari, Chromeとのことです。

スクリプトはjQueryのプラグインのため、実装にはjquery.jsが必要です。