テーブルをCSSを使って角丸にしようとborder-radius
をつけたが丸くならなかった
原因を調べたところborder-collapse: collapse;
のCSSがtableタグにあたっているとborder-radius
が効かないみたい
CSS Backgrounds and Borders Module Level 3より
border-collapse: collapse;
は隣接するセルと境界線を共有するスタイルで、リセットCSSとしてmayerのCSSを利用していたのでこのスタイルがあたっていた
ドキュメントによるとborder-collapse: separate;
にすると角丸になるみたい