Webふぉれすとうぇぶ実験室：枠の細いテーブルを作りたい


	Web制作、Webデザインのスキルアップに役立つ情報をお届けします！みんなが癒され、元気になるWebを目指します。

Webふぉれすとトップ > うぇぶ実験室


	いろいろなテーブルを作ってみる。

よく枠の細～いテーブルを見かけませんか？
border="1"ではちと太い。もう少しだけ細い枠を作ることができれば、これまでよりもかっこよくコメントや画像をレイアウトできそうです。細い枠線のテーブルを試してみたいと思います。

【実験1】枠の細いテーブルを作りたい！

枠に色をつける

<table width="120" border="1" cellspacing="0" cellpadding="5" bordercolor="#FFCC00">
<tr>
<td>枠に色をつける</td>
</tr>
</table>

※border="1"だとこんな感じです。

枠の細いテーブル

<table width="120" border="0" cellspacing="1" cellpadding="5" bgcolor="#FFCC00">
<tr>
<td bgcolor="#FFFFFF">枠の細いテーブル</td>
</tr>
</table>

※border="1"を使用せずに、cellspacing="1"を使用すると、枠の細～いテーブルを作ることができました！（Internet Explorerで確認）やっぱり枠線が細いと見た目がかっこいいです♪

※内側のテーブルのセルごとに背景色を指定しなければ、全て外側のテーブルの背景色に塗りつぶされてしまうので、ここは注意が必要です。

▼Border="1"のテーブルですが、Netscape Navigatorで見たところ、枠の色（bordercolor）が思ったものと違う表示になってしまいました。
※Netscape Navigatorではこんな風に見えます。

▼せっかく作った枠の細いテーブルは、Netscape Navigator4.Xでは、枠が全く表示されません。文字しか見えない、枠がないっ！！これではまずいので、どのブラウザでもきちんと表示される方法を探してみたいと思います。

｜ページのトップへ｜Webふぉれすとトップへ｜