（イ）
|
（ロ）
|
上の（イ）は普通のテーブルです。（ロ）のタイプもネット上でよく見かけるのですが、サイト立ち上げ当時、このやり方を解説しているところを見つけることはできませんでした。
後日、スタイルシートを使えば簡単に出来ることを知ったのですが、思考錯誤（←笑 試行錯誤です）のあげく、できるようになった自己流のやり方を悔しいのでここに書いておきます。
|
|
|
|
こちらがタグです
|
まず普通のテーブルを作ります。
|
<table border>
<tr>
<td>
ひよこ
</td>
</tr>
</table>
|
|
テーブルの背景色を黒にします。
文字は見えなくなりますね。
|
<table border bgcolor="#000000">
<tr>
<td>
ひよこ
</td>
</tr>
</table>
|
|
セルの背景色を白にします。
|
<table border bgcolor="#000000">
<tr>
<td bgcolor="#ffffff">
ひよこ
</td>
</tr>
</table>
|
|
cellspacing 属性を設定ます。
これはテーブルの外枠とセルとの隙間の
広さを決める属性です。
|
<table border bgcolor="#000000" cellspacing=1>
<tr>
<td bgcolor="#ffffff">
ひよこ
</td>
</tr>
</table>
|
|
border 属性を取り除いていっちょあがりです。
|
<table bgcolor="#000000" cellspacing=1>
<tr>
<td bgcolor="#ffffff">
ひよこ
</td>
</tr>
</table>
|
|
table の bgcolorで線の色、cellspacing で線の太さを
調整できます。
|
<table bgcolor="#0000ff" cellspacing=3>
<tr>
<td bgcolor="#ffffff">
ひよこ
</td>
</tr>
</table>
|
