テーブルタグ7

テーブル全体の背景色

テーブル全体の背景色を指定するのが<table>タグのbgcolor属性です。#の後に希望のカラーコードを入力します。

<table border="1" bgcolor="#66FFFF">
<tr>
<td>1番目</td>
<td>2番目</td>
<td>3番目</td>
</tr>
</table>

例

1番目

2番目

3番目

セル内の背景色

セルそれぞれに違った背景色を指定したいときは、<td>タグにbgcolor属性で背景色を指定します。
なお、その行全体に同一色を適用したいときには、<tr>タグにbgcolorを入力します。

<table border="1">
<tr>
<td align="#66FFFF">1番目</td>
<td align="#FFFF66">2番目</td>
<td align="#FF9900">3番目</td>
</tr>
<tr align="#CCFF99">
<td>4番目</td>
<td>5番目</td>
<td>6番目</td>
</tr>
</table>

例

1番目	2番目	3番目
4番目	5番目	6番目

テーブル内の背景画像

テーブルの背景に画像を指定したいときは<table>タグにbackground属性で指定したい画像までのパスを入力します。背景色と同じ様に、bacgroundを<tr>タグや<td>タグに入れることも可能です。
画像は、その範囲内でx軸、y軸双方に繰り返し表示されます。（繰り返し表示されないようにするには、画像とその表示範囲の大きさを同じにするかCSSを使用しなければいけません）

<table width="200" height="200" background="../img/title01.gif">
<tr>
<td>1番目</td>
<td>2番目</td>
<td>3番目</td>
<td>4番目</td>
</tr>
</table>

例

1番目

2番目

3番目

4番目