ホームページ作り−枠線の間隔を無くす
枠線の隙間を無くす方法について解説。
枠線の隙間を無くす
テーブルタグで作られた表の枠線の間には、少しの隙間があります。 スタイルシートで枠線を作っていると、この隙間が邪魔になることがあります。
枠線の隙間を無くすには、tableタグ内にcellspacing属性を入力して、
属性値を0に設定します。
cellspacing属性は、ツールボタンのテーブル
のドロップダウンメニューから内枠太さをクリックすると入力できます（下図）。
まず、通常の表をご覧下さい。
| セルＡ | セルＢ | セルＣ |
| セルＤ | セルＥ | セルＦ |
次に、枠線の隙間を無くした表をご覧下さい。違いが分かると思います。
| セルＡ | セルＢ | セルＣ |
| セルＤ | セルＥ | セルＦ |
後者のHTMLソースは以下のようになっています。
<table border="2" cellspacing="0">
<tr><td>セルＡ</td><td>セルＢ</td><td>セルＣ</td></tr>
<tr><td>セルＤ</td><td>セルＥ</td><td>セルＦ</td></tr>
</table>