css テーブルtableについて

主に、枠の重ね・スペースについて

通常のテーブル

<table class="sample">
<tr>
<th colspan="3">テーブル</th>
</tr>
<tr>
<td>1</td><td>2</td><td rowspan="2">縦</td>
</tr>
<tr>
<td>3</td><td>4</td>
</tr>
</table>
table.sample {
  border:1px #000000 solid;
  }
.sample th,td {
  border:1px #000000 solid;
  }
テーブル

枠を重ねる

table.sample {
  border-collapse:collapse;
  border:1px #000000 solid;
  }
.sample th,td {
  border:1px #000000 solid;
  }
テーブル

枠のスペース

table.sample {
  border-collapse:separate;
  border-spacing:30px 10px;
  border:1px #000000 solid;
  }
.sample th,td {
  border:1px #000000 solid;
  }
テーブル