表の背景色を指定表の背景画像 テーブルcss ﾘﾌｧﾚﾝｽ へ
表の背景色を指定する(CSS)
background-color: ***;
　background-color は、全てのタグ（要素）に適用できます。
　background-color は、背景色を指定するプロパティです。このプロパティを<table>タグ（要素）、<tr>タグ（要素）、<td>タグ（要素）、<th>タグ（要素）に設定すると、表の背景色を指定できます。
　table { background-color: lightgrey; }   td { background-color: beige; }
プロパティ名値説　　明
backGround-color カラーコード or
カラーネーム		 表の背景色を指定
（初期値は transparent）
※ 色の指定は、カラーコード（#ffffff,#fff,rgb(255,0,0)）または、カラーネーム（red,blue）で行います。詳細は、「カラーネーム」のページをご覧下さい。カラーネームのページへ
　【適用範囲】
① <table>タグに指定した場合 … 表全体に適用されます。
<table style="background-color:lightgrey;">
見出しセル1見出しセル2
データセル1データセル2
② <tr>タグに指定した場合 … 行単位で適用されます。
<tr style="background-color:khaki;"><th>見出しセル1 ... </tr>
見出しセル1見出しセル2
データセル1データセル2
③ <td>タグや<th>タグに指定した場合 … そのセルに適用されます。
<td style="background-color:skyblue;">データセル1</td>
見出しセル1見出しセル2
データセル1データセル2
　★ 使用例とブラウザでの表示 (g4-1)スタイルシートの書き方（基本）は、こちら です。
設定例 ： .g4-1ex1 { background-color: lightgrey; }  .g4-1ex2 { background-color: skyblue; }
.g4-1ex3 th { background-color: khaki; }   .g4-1ex3 td { background-color: snow; }
使　用　例   ブラウザの表示
<table class=g4-1ex1 border=1>
<tr class=g4-1ex2><th>見出しセル1</th>
<th>見出しセル2</th></tr>
<tr><td>データセル1</td><td>データセル2</td></tr>
</table>
見出しセル1見出しセル2
データセル1データセル2
<table class="g4-1ex1 g4-1ex3" border=1>
<tr><th>見出しセル1</th><th>見出しセル2</th></tr>
<tr><td>データセル1</td><td>データセル2</td></tr>
</table>
見出しセル1見出しセル2
データセル1データセル2
☆ スタイルシート名（.g4-1ex3）に続けて要素名（th,td）を記述した場合は、親要素（この例では<table>）に
使用するスタイルシート名を指定します。
関連するページ
HTML タグページ 表の背景色：表の背景色を指定する
表の背景色を指定表の背景画像 テーブルcss ﾘﾌｧﾚﾝｽ へ
表の背景に画像を使う(CSS)
background-image: url(URI);
　background-image は、全てのタグ（要素）に適用できます。
　background-image は、背景画像を指定するプロパティです。このプロパティを<table>タグ（要素）、<tr>タグ（要素）、<td>タグ（要素）、<th>タグ（要素）に設定すると、表に背景画像を表示できます。
　table { background-image: url(back.gif); }   td { background-image: url(back.gif); }
プロパティ名値説　　明
background-image url(URI) 表示する画像ファイルを指定（初期値は none）
＊ 背景画像の並べ方を変更する場合は「background-repeatプロパティ」を、背景画像の表示位置を変更する場合は「background-positionプロパティ」を参照して下さい。
　★ 使用例とブラウザでの表示 (g4-2)スタイルシートの書き方（基本）は、こちら です。
設定例 ： .g4-2bg { background-image: url(wall.gif); }
使　用　例   ブラウザの表示
<table class=g4-2bg border=1>
<tr><th>見出しセル1</th><th>見出しセル2</th></tr>
<tr><td>データセル1</td><td>データセル2</td></tr>
</table>		 ■<table>に指定…表全体に表示
見出しセル1見出しセル2
データセル1データセル2
<table border=1>
<tr class=g4-2bg><th>見出しセル1</th>
<th>見出しセル2</th></tr>
<tr><td>データセル1</td><td>データセル2</td></tr>
</table>		 ■<tr>に指定…行単位で表示
見出しセル1見出しセル2
データセル1データセル2
<table border=1>
<tr><th class=g4-2bg>見出しセル1</th>
<th>見出しセル2</th></tr>
<tr><td class=g4-2bg>データセル1</td>
<td>データセル2</td></tr>
</table>		 ■<th><td>に指定…セル毎に表示
見出しセル1見出しセル2
データセル1データセル2
関連するページ
HTML タグページ 表の背景画像：表の背景に画像を使用する
表の背景色を指定表の背景画像 テーブルcss ﾘﾌｧﾚﾝｽ へ