CSS3で追加された、要素の角を丸くする、border-radiusですが、
これ、table要素には聞かないんですね。
知らなかった……
でもTableでも角丸にしたいときってあると思うんです。
そんなときはどうすればいいのか……
ぱっと思いついたのは、テーブルをDIVで囲い、そっちにボーダーと角丸をかける方法。
でもこれだと一番外側はDIVのボーダーとTableのボーダーで2重になってしまいますのでちょっと太くなってしまいます。 ((サンプルでは通常のテーブルも外側を太くしています))
table要素のborderを消しても、結局td要素の線があるから余り意味が無いし、かと言ってtdのborderを消してしまうと、区切り線が全くなくなってしまいます。
それと、カドの部分がちょっとヘンな感じもしますね。
なかなか悩ましいです。。
コメントする