tableタグ、trタグ、tdタグに bgcolor="" を追加すると、表の背景色を指定できます。
■表全体の背景色を指定する場合
<table bgcolor="#0080ff">
tableタグに bgcolor="" を追加します。
■行単位で背景色を指定する場合
<tr bgcolor="#0080ff">
trタグに bgcolor="" を追加します。
| bgcolor="" | 背景色を指定します |
|---|
色の指定は、シャープ（ # ）で始まる6桁のカラーコードか、redやgreen、whiteといったカラーネームで行います。詳細についてはカラーチャートのページをご覧ください。
※この属性は、HTML4.01では非推奨とされています。
この指定内容はスタイルシートで代替することができます。指定方法の詳細は「関連ページ」をご覧ください。
■表全体の背景色を水色に指定する場合
<table border="1" bgcolor="#80ffff">
<tr>
<td>WebディレクターA</td>
<td>WebディレクターB</td>
<td>WebディレクターC</td>
</tr>
<tr>
<td>WebデザイナーA</td>
<td>WebデザイナーB</td>
<td>WebデザイナーC</td>
</tr>
<tr>
<td>WebプログラマーA</td>
<td>WebプログラマーB</td>
<td>WebプログラマーC</td>
</tr>
</table>
▼これをブラウザで見ると次のように表示されます
| WebディレクターA | WebディレクターB | WebディレクターC |
| WebデザイナーA | WebデザイナーB | WebデザイナーC |
| WebプログラマーA | WebプログラマーB | WebプログラマーC |
■2行目の背景色を黄色に指定する場合
<table border="1">
<tr>
<td>WebディレクターA</td>
<td>WebディレクターB</td>
<td>WebディレクターC</td>
</tr>
<tr bgcolor="#ffff80">
<td>WebデザイナーA</td>
<td>WebデザイナーB</td>
<td>WebデザイナーC</td>
</tr>
<tr>
<td>WebプログラマーA</td>
<td>WebプログラマーB</td>
<td>WebプログラマーC</td>
</tr>
</table>
▼これをブラウザで見ると次のように表示されます
| WebディレクターA | WebディレクターB | WebディレクターC |
| WebデザイナーA | WebデザイナーB | WebデザイナーC |
| WebプログラマーA | WebプログラマーB | WebプログラマーC |
■中央の列を緑色に指定する場合
<table border="1">
<tr>
<td>WebディレクターA</td>
<td bgcolor="#80ff80">WebディレクターB</td>
<td>WebディレクターC</td>
</tr>
<tr>
<td>WebデザイナーA</td>
<td bgcolor="#80ff80">WebデザイナーB</td>
<td>WebデザイナーC</td>
</tr>
<tr>
<td>WebプログラマーA</td>
<td bgcolor="#80ff80">WebプログラマーB</td>
<td>WebプログラマーC</td>
</tr>
</table>
▼これをブラウザで見ると次のように表示されます
| WebディレクターA | WebディレクターB | WebディレクターC |
| WebデザイナーA | WebデザイナーB | WebデザイナーC |
| WebプログラマーA | WebプログラマーB | WebプログラマーC |
■上記の全てを組み合わせた場合
<table border="1" bgcolor="#80ffff">
<tr>
<td>WebディレクターA</td>
<td bgcolor="#80ff80">WebディレクターB</td>
<td>WebディレクターC</td>
</tr>
<tr bgcolor="#ffff80">
<td>WebデザイナーA</td>
<td bgcolor="#80ff80">WebデザイナーB</td>
<td>WebデザイナーC</td>
</tr>
<tr>
<td>WebプログラマーA</td>
<td bgcolor="#80ff80">WebプログラマーB</td>
<td>WebプログラマーC</td>
</tr>
</table>
▼これをブラウザで見ると次のように表示されます
| WebディレクターA | WebディレクターB | WebディレクターC |
| WebデザイナーA | WebデザイナーB | WebデザイナーC |
| WebプログラマーA | WebプログラマーB | WebプログラマーC |
※tableタグの指定よりもtrタグの指定が優先され、更にtrタグよりもtdタグの指定が優先されます。
