ゆーすけぶろぐ

Nifty Corners Cube
上のページの一番下からダウンロードできます
使うにはniftyCorners.cssとniftycube.jsを読み込ませて
＜script type=”text/javascript”＞
window.onload=function(){
Nifty(“div#box”,”big”);
}
＜/script＞
のようにページ内で宣言します
1つ目の引数は対象のHTML要素とID、2つ目がボックスの設定のようです
1つ目はdiv.boxのようにしてクラス指定することも可能です
サンプルが13個もあって分かりやすいです

追記：
2つ目の引数でコーナーの半径をsmall(2px),normal(5px,規定値),big(10px)と指定できますが
paddingを設定する再はそのサイズにしないとレイアウトが崩れます

試しに作ってみた

中々いい感じ