テーブルデザインのテクニックについて教えてください。

質問

1x2のテーブル(背景色は緑)、
左セルは赤、右セルは薄い青色に指定しました。

<TABLE border="0" width="400" height="200" bgcolor="#009900">
<TBODY>
<TR>
<TD bgcolor="#ff0000"></TD>
<TD bgcolor="#cccccc"></TD>
</TR>
</TBODY>
</TABLE>

ブラウザで見てみると、
どうしても下地に指定した緑色が外枠として表示されてしまいます。
これを消すことは出来ますか？

回答No.2

yambejp · ベストアンサー

cssならこんな感じで

<style tyle="text/css">
table{
width:400px;
height:200px;
border-collapse:collapse;
background-color:#009900;
}
td.left{
background-color:#ff0000;
width:33%;
}
td.right{
background-color:#cccccc;
width:33%;
}
</style>
<TABLE >
<TBODY>
<TR>
<TD class="left">&nbsp;</TD>
<TD>&nbsp;</TD>
<TD class="right">&nbsp;</TD>
</TR>
</TBODY>
</TABLE>

お礼

ありがとうございます。
ちょうどCSSの勉強中だったので参考になりました。
きれいなページを作るにはすごくテクニックが必要だと痛感しました。

回答No.1

auty

CSSを使わずにとりあえず、テーブルタグだけで設定するときは、

<TABLE border="0" width="400" height="200" bgcolor="#009900" cellspacing="0">

としてください。

cellspacing属性
は、表全体の外枠とセルの間隔を指定します。

お礼

ありがとうございます！
枠がきれいに消えました。