セルの枠が全て1pxのtableの書き方

質問

セルの枠が全て1pxのtableってどうやって書くんでしょうか？
普通にtableのプロパティをいじっていて、cellspacing = "0" にしてボーダーを表示させると2pxの枠ができてしまいます。

そのため私はtableの背景に色を設定して、cellspacing = "1" にしてboroder="0"にします。これだとセルの枠の隙間がちょうど1pxになるので1pxの枠ができるtableになるのです。しかしこのやり方に疑問をもって質問しました。

回答No.2

noname#83877 · ベストアンサー

table {
border-collapse:collapse;
border-spacing:0;
}

th,td {
border:1px solid #000;
}

回答No.1

goldfox

スタイルシートを使えば1px枠線になります。
スタイルシートを使わない方法だと背景色利用の方法しかないです。

table {
width: 400px;
border: 1px #000000 solid;
border-collapse: collapse;
}
td, th {
border: 1px #000000 solid;
}
<table cellspacing="0">
<tr>
<th colspan="2">枠線を重ねて表示</th>
</tr>
<tr>
<td>あいうえお</td>
<td>あいうえお</td>
</tr>
</table>
http://www.tagindex.com/stylesheet/table/border_collapse.html