テーブルの背景色を指定する
ホームページやブログなどのウェブサイトに 表を表示する場合、TABLEタグを使って テーブルを作成しますが、このとき テーブルの背景色を指定することができます。テーブル全体、特定の列、特定のセルなどいろいろの指定が可能です。
<タグ名 bgcolor="背景色の指定"～</タグ名>
- タグ名： TABLE、TR、TH および TD タグが使えます。TABLEタグ内で指定した場合、テーブル全体の背景色の指示になり、TRタグで指定した場合は、その列全体の背景色の指定となります。TH や TD タグを使用した場合は、そのセルのみの背景色の指定となります。
- 背景色の指定:『 #00FFFF 』などの 16進数または 色名称で指定します。カラー見本はこちらでご紹介しています。
サンプルです。
| 運賃 | おとな210円 | ことも110円 |
このテーブルのソースは、次の通りです。
<table border="1" bgcolor="cyan">
<tr><td rowspan="2">運賃</td><td>おとな210円</td></tr>
<td>ことも110円</td></tr>
</table>
<tr><td rowspan="2">運賃</td><td>おとな210円</td></tr>
<td>ことも110円</td></tr>
</table>
こちらは、列またはセルごとに背景色を指定した場合のサンプルです。
| 旅行代金 | A期間 | B期間 | C期間 |
|---|---|---|---|
| おとな | 36,800円 | 39,800円 | 41,800円 |
| こども | 32,800円 | 35,800円 | 37,800円 |
ソースは、次のようになっています。
<table border="1">
<tr>
<th bgcolor="#C0C0C0">旅行代金</th>
<td bgcolor="#FFC0CB">A期間</td>
<td bgcolor="#AFEEEE">B期間</td>
<td bgcolor="#FFA500">C期間</td>
</tr>
<tr>
<td>おとな</td><td>36,800円</td><td>39,800円</td><td>41,800円</td>
</tr>
<tr bgcolor="#FFFACD">
<td>こども</td><td>32,800円</td><td>35,800円</td><td>37,800円</td>
</tr>
</table>
<tr>
<th bgcolor="#C0C0C0">旅行代金</th>
<td bgcolor="#FFC0CB">A期間</td>
<td bgcolor="#AFEEEE">B期間</td>
<td bgcolor="#FFA500">C期間</td>
</tr>
<tr>
<td>おとな</td><td>36,800円</td><td>39,800円</td><td>41,800円</td>
</tr>
<tr bgcolor="#FFFACD">
<td>こども</td><td>32,800円</td><td>35,800円</td><td>37,800円</td>
</tr>
</table>
ランキングに参加中です! お役に立てたらクリックをお願いします→
コンピュータとインターネット > データ形式 > HTML > リファレンス