サイト内検索

...HTML・XHTMLタグ...

table

背景色の指定

背景色は、
table要素・th要素・tr要素・td要素にbgcolor属性を指定します。
[メモ・・・W3Cの検証サービス・・・]
HTML 4.01 Strict ・ XHTML1.0 Strictでは、推奨されていませんので、
Validするには、スタイルシートを使用します。
background-colorプロパティ・colorプロパティを指定します。
colorも一緒に指定します。
.sample{background-color: #009900; color:#009909;}
属性 属性値 説明
table bgcolor="" table全体の背景の色を指定します。
16進数RGB値(例・・#fff000)
または
カラーネーム(例・・red)を指定します。
th bgcolor="" th要素の背景の色を指定します。
16進数RGB値(例・・#fff000)
または
カラーネーム(例・・red)を指定します。
tr bgcolor="" tr要素(行)の背景の色を指定します。
16進数RGB値(例・・#fff000)
または
カラーネーム(例・・red)を指定します。
td bgcolor="" td要素の背景の色を指定します。
16進数RGB値(例・・#ffff000)
または
カラーネーム(例・・red)を指定します。

サンプル

《table全体に色を指定》

[bodyの中]

<table border="1" bgcolor="#ffff8e">
<tr>
<td>No</td>
<td>No</td>
</tr>
<tr>
<td>No</td>
<td>No</td>
</tr>
</table>

[ブラウザ上]

NoNo
NoNo

《thに色を指定》

[bodyの中]

<table border="1">
<tr>
<th bgcolor="#ffff8e" colspan="2">見出し</th>
</tr>
<tr>
<td>No</td>
<td>No</td>
</tr>
<tr>
<td>No</td>
<td>No</td>
</tr>
</table>

[ブラウザ上]

見出し
NoNo
NoNo

《trに色を指定》

[bodyの中]

<table border="1">
<tr bgcolor="#ffff8e">
<tr>
<td>No</td>
<td>No</td>
</tr>
<tr>
<td>No</td>
<td>No</td>
</tr>
</table>
NoNo
NoNo

《tdに色を指定》

[bodyの中]

<table border="1">
<tr>
<td bgcolor="#ffff8e">No</td>
<td>No</td>
</tr>
<tr>
<td>No</td>
<td bgcolor="#ffff8e">No</td>
</tr>
</table>

[ブラウザ上]

NoNo
NoNo

Copyright c 2007.10.01 luc All rights reserved.