テーブル全体の背景色を指定すると同時に、セルの背景色も指定します。そうすることで、テーブル全体の背景色の部分が枠線として表示されます。
枠線の太さは CELLSPACING="" 、枠線の色はTABLEタグの BGCOLOR="" 、 セルの背景色はTRタグの BGCOLOR="" で指定します。
<TABLE BORDER="0" WIDTH="400" CELLSPACING="1" CELLPADDING="0" BGCOLOR="#1C79C6">
<TR BGCOLOR="#E3F0FB">
<TD>WebデザインA</TD>
<TD>WebデザインB</TD>
</TR>
<TR BGCOLOR="#E3F0FB">
<TD>WebデザインC</TD>
<TD>WebデザインD</TD>
</TR>
</TABLE>
・これをブラウザで見ると次のように表示されます
WebデザインA |
WebデザインB |
WebデザインC |
WebデザインD |
|
|
|
上記の例では、枠線の太さを 1 ピクセルに指定しています。
内容と枠線の間に余裕を持たせたい場合は、CELLPADDING="" を指定します。
<TABLE BORDER="0" WIDTH="400" CELLSPACING="1" CELLPADDING="5" BGCOLOR="#1C79C6">
<TR BGCOLOR="#E3F0FB">
<TD>WebデザインA</TD>
<TD>WebデザインB</TD>
</TR>
<TR BGCOLOR="#E3F0FB">
<TD>WebデザインC</TD>
<TD>WebデザインD</TD>
</TR>
</TABLE>
・これをブラウザで見ると次のように表示されます
WebデザインA |
WebデザインB |
WebデザインC |
WebデザインD |
|
|
|
|