10月 132011
灰色背景がサンプルソース薄緑背景が実際の見た目
サンプルソース
HTMLソース
<table class=”ctbl”>
<tr>
<td>セル1</td>
<td>セル2</td>
</tr>
</table>
<tr>
<td>セル1</td>
<td>セル2</td>
</tr>
</table>
CSSソース
.ctbl {border-collapse:collapse;}
.ctbl th, .ctbl td {
border:1px solid #000;
}
.ctbl th, .ctbl td {
border:1px solid #000;
}
サンプル表示
| セル1 | セル2 |
解説
HTMLソース
枠線をくっつけたいテーブルにのみ適用させる為、テーブルにidを指定します。
ここでは、<table id=”ctbl”>としています。
CSSソース
border-collapse:collapse;
これは、隣り合う枠線と枠線を重ねるという意味です。
なので、枠線をくっつけたいテーブルにサンプルをコピー＆ペーストするだけでOKです。