HTMLとCSSでborder-collapse: collapseな角丸テーブルを作る | ITハット

.table { color: #2b4450; /* 隣接するセルの境界線を間隔をあけて表示 */ border-collapse: separate; /* 隣接するセルの線と線の間隔を0に */ border-spacing: 0; border: 1px solid #497285; border-radius: 4px; background-color: #fff; } .table thead th { padding: .5em .6em; border-bottom: 1px solid #497285; } .table tbody tr td { padding: .5em .9em; } /* 2列目以降のセルの左だけ線を表示 */ .table tbody tr td + td { border-left: 1px solid #497285; } /* 2行目以