スタイルシートで実現している角丸のサンプル

ブロック要素に角丸を使うことができれば、デザインの幅も広がります。でも画像を使うのは面倒だし・・・悩んでいていろいろ調べてみたらCSSのみで角丸を実現する方法が書いていたんです。ということで、備忘録代わりにここに記すことにします。いやー、スタイルシートって奥が深い。こんな方法思いつかなかったよ。でもの中は空っぽなのでHTMLの文法的にはアウトかもしれませんね(汗

http://garage.mods.jp/ex/css-circle/(オリジナル)より


オリジナルを応用したものです。


※ 詳細は、ソースファイルを参照してください。
※ 解説は、オリジナルを参照してください。