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

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