CSS3で追加された、要素の角を丸くする、border-radiusですが、

これ、table要素には聞かないんですね。

知らなかった……

でもTableでも角丸にしたいときってあると思うんです。

そんなときはどうすればいいのか……

ぱっと思いついたのは、テーブルをDIVで囲い、そっちにボーダーと角丸をかける方法。

でもこれだと一番外側はDIVのボーダーとTableのボーダーで2重になってしまいますのでちょっと太くなってしまいます。 ((サンプルでは通常のテーブルも外側を太くしています))

table要素のborderを消しても、結局td要素の線があるから余り意味が無いし、かと言ってtdのborderを消してしまうと、区切り線が全くなくなってしまいます。

それと、カドの部分がちょっとヘンな感じもしますね。

なかなか悩ましいです。。

コメントする