<table>タグの表（セル）の背景色の指定方法について紹介しています。

表は色を変更することができます。


変更できる範囲は、表全体、表のセル全体、行ごと、セルごとに指定することができます。


では順番に紹介をしていきます。


以下の赤文字の【bgcolor】が背景色を指定する記述になります。


表全体の色を変更する場合

左上セル	右上セル
左下セル	右下セル

<table width="260" border="1" bgcolor="#ececec"> <tbody> <tr> <td height="40">左上セル</td> <td>右上セル</td> </tr> <tr> <td height="40">左下セル</td> <td>右下セル</td> </tr> </tbody> </table>

この場合、表全体を表す<table>タグに背景色の指定をしています。


表のセル全体の色を変更する場合

左上セル	右上セル
左下セル	右下セル

<table width="260" border="1"> <tbody bgcolor="#ececec"> <tr> <td height="40">左上セル</td> <td>右上セル</td> </tr> <tr> <td height="40">左下セル</td> <td>右下セル</td> </tr> </tbody> </table>

この場合、表のセル全体を表す<tbody>タグに背景色の指定をしています。


行の全体の色を変更する場合

左上セル	右上セル
左下セル	右下セル

<table width="260" border="1"> <tbody> <tr bgcolor="#ececec"> <td height="40">左上セル</td> <td>右上セル</td> </tr> <tr> <td height="40">左下セル</td> <td>右下セル</td> </tr> </tbody> </table>

この場合、表の行を表す<tr>タグに背景色の指定をしています。


セルごとの色を変更する場合

左上セル	右上セル
左下セル	右下セル

<table width="260" border="1"> <tbody> <tr> <td height="40"bgcolor="#ececec">左上セル</td> <td>右上セル</td> </tr> <tr> <td height="40">左下セル</td> <td>右下セル</td> </tr> </tbody> </table>

この場合、表のセルを表す<td>タグに背景色の指定をしています。