<table bgcolor="○">　〜　</table>
<tr bgcolor="○">　〜　</tr>
<th bgcolor="○">　〜　</th>
<td bgcolor="○">　〜　</td>

テーブルに背景色を入れてみましょう。

bgcolor="色の名前"　で　テーブルに背景色を入れることができます。

<table bgcolor="○">　と　指定すると　テーブル全体に
<tr bgcolor="○">　と指定すると　その横一列に
<td bgcolor="○">　<th bgcolor="○">　と指定すると　そのセル自体に
それぞれ　背景色を入れることができます。

では　さっそくやってみましょう。

●　table bgcolor　の場合

<table bgcolor="○">　の場合は　テーブル全体に背景色を指定できます。

mamoho	おとうさん
だいすけ	おにいちゃん
なみ	いもうと

HTMLソースは　こんな感じです。

<table width="250" border="1" bgcolor="#FFFF66"> <tr> <td>mamoho</td> <td>おとうさん</td> </tr> <tr> <td>だいすけ</td> <td>おにいちゃん</td> </tr> <tr> <td>なみ</td> <td>いもうと</td> </tr> </table>

 

●　tr bgcolor　の場合

<tr bgcolor="○">　の場合は　指定された横１行に背景色がつきます。

mamoho	おとうさん
だいすけ	おにいちゃん
なみ	いもうと

 

HTMLソースは　こんな感じです。

<table width="250" border="1"> <tr> <td>mamoho</td> <td>おとうさん</td> </tr> <tr bgcolor="#FFFF66"> <td>だいすけ</td> <td>おにいちゃん</td> </tr> <tr> <td>なみ</td> <td>いもうと</td> </tr> </table>

 

●　td bgcolor　の場合

td bgcolor="○"　th bgcolor="○"　の場合は
その指定したセルにだけ　背景色を入れることができます。

mamoho	おとうさん
だいすけ	おにいちゃん
なみ	いもうと

 

HTMLソースは　こんな感じです。

<table width="250" border="1"> <tr> <td>mamoho</td> <td>おとうさん</td> </tr> <tr> <td>だいすけ</td> <td>おにいちゃん</td> </tr> <tr> <td>なみ</td> <td bgcolor="#FFFF66">いもうと</td> </tr> </table>