アーカイブ: 2013年1月

CSS3で角丸テーブルを作る

角丸テーブルをCSS3を使って実現する

仕事でページを作る必要があり、その際に角丸テーブルを作りましたので、そのやり方をご紹介。

基本的にborder-radiusを使いますので、IE8以下は非対応ですが、IE8以下へはJavascriptライブラリなどで適宜対応してください。

なおここでは、シンプルな3行3列のテーブルを考えています。また前提として、幅100px、高さ30pxとしています。


“CSS3で角丸テーブルを作る”の詳細は »