CSS
.sample-collapse {
border-collapse: collapse;
border: 1px solid #888;
margin: 0em 1em 1em 1em;
}
.sample-separate {
border-collapse: separate;
border: 1px solid #888;
margin: 0em 1em 1em 1em;
}
.sample-collapse td {
border: 1px solid #888;
width: 100px;
}
.sample-separate td {
border: 1px solid #888;
width: 100px;
}
HTML
<h5>collapse</h5>
<table class="sample-collapse">
<tr><td>AAA</td><td>BBB</td></tr>
<tr><td>CCC</td><td>DDD</td></tr>
</table>
<h5>separate</h5>
<table class="sample-separate">
<tr><td>AAA</td><td>BBB</td></tr>
<tr><td>CCC</td><td>DDD</td></tr>
</table>
表示