TOPページ >  テーブルを作成する > テーブルの背景色を指定する

テーブルの背景色を指定する

ホームページやブログなどのウェブサイトに 表を表示する場合、TABLEタグを使って テーブルを作成しますが、このとき テーブルの背景色を指定することができます。テーブル全体、特定の列、特定のセルなどいろいろの指定が可能です。

<タグ名 bgcolor="背景色の指定"</タグ名>
  1. タグ名: TABLE、TR、TH および TD タグが使えます。TABLEタグ内で指定した場合、テーブル全体の背景色の指示になり、TRタグで指定した場合は、その列全体の背景色の指定となります。TH や TD タグを使用した場合は、そのセルのみの背景色の指定となります。
  2. 背景色の指定:『 #00FFFF 』などの 16進数または 色名称で指定します。カラー見本はこちらでご紹介しています。

サンプルです。

運賃おとな210円
ことも110円

このテーブルのソースは、次の通りです。

<table border="1" bgcolor="cyan">
<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>

ランキングに参加中です! お役に立てたらクリックをお願いします→

同一カテゴリ内一覧
テーブルの余白などのスタイルを指定する
テーブル自動作成フォーム2
セル内の文字/画像の縦方向表示位置を指定する
セル内の文字/画像の横方向表示位置を指定する
セル内の余白を指定する
セルとセルの間隔を指定する
テーブルの背景画像を表示する
テーブルの背景色を指定する
テーブル枠の色を指定する
テーブルに枠をつける
テーブルの左右に文字/画像を回り込ませる
テーブルに表題をつける
セルのサイズを指定する
テーブルのサイズを指定する
テーブルに画像やボタンを表示する
横にまたがるセルを作る
縦にまたがるセルを作る
テーブルを作成する
テーブル自動作成フォーム
IEの方はこちらから当サイト ブックマークできます。
ランキング参加中!お役に立てたら クリックをお願いします。
当サイト掲載カテゴリは
Yahoo! JAPAN コンピュータとインターネット > データ形式 > HTML > リファレンス