サンプルのマークアップは全体を囲むdivひとつとul 要素のみ。マークアップは【2-1】のようになる。 これまでの角丸の実装は複雑なマークアップが必要だったが、border-radiusを使用することによって不必要なdivを追加することなくスマートに実装できること ...

FirefoxおよびSafari、Google Chromeで角丸のボックスを表現する 2006年ごろからボックスの角を丸くする表現が増え、現在では定番の視覚表現として多くのWebサイトに使われている。CSS 2には、角丸を指定できるプロパティが用意されていないため、背景画像などを ...

ToDo管理、スケジュール調整、文書作成、画像編集――あなたの仕事を楽にしてくれる古今東西の便利なWebサービスを、カテゴリー別に集めた「Webサービス図鑑」。今回ご紹介するのは、CSSで角丸を実現するためのコードを生成する「CSS Boarder Radius」です。