テーブルの枠線をくっつける

灰色背景がサンプルソース


サンプルソース

HTMLソース

<table class="btbl">
<tr>
<td>セル1</td>
<td>セル2</td>
</tr>
</table>

CSSソース

.btbl {border-collapse:collapse;}
.btbl th, .btbl td {
border:1px solid #000;
}

サンプル表示

→テーブルの枠線をくっつける(サンプル)


解説

HTMLソース

枠線をくっつけたいテーブルにのみ適用させる為、テーブルにidを指定します。
ここでは、<table id="btbl">としています。


CSSソース

border-collapse:collapse;
これは、隣り合う枠線と枠線を重ねるという意味です。 なので、枠線をくっつけたいテーブルにサンプルをコピー＆ペーストするだけでOKです。