サイト内検索
...HTML・XHTMLタグ...
table
背景色の指定
背景色は、
table要素・th要素・tr要素・td要素にbgcolor属性を指定します。
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>No1</td> <td>No2</td> </tr> <tr> <td>No3</td> <td>No4</td> </tr> </table> |
[ブラウザ上]
|
||||||
《thに色を指定》 [bodyの中] <table border="1"><tr> <th bgcolor="#ffff8e" colspan="2">見出し</th> </tr> <tr> <td>No1</td> <td>No2</td> </tr> <tr> <td>No3</td> <td>No4</td> </tr> </table> |
[ブラウザ上]
|
||||||
《trに色を指定》 [bodyの中] <table border="1"><tr bgcolor="#ffff8e"> <tr> <td>No1</td> <td>No2</td> </tr> <tr> <td>No3</td> <td>No4</td> </tr> </table> |
|
||||||
《tdに色を指定》 [bodyの中] <table border="1"><tr> <td bgcolor="#ffff8e">No1</td> <td>No2</td> </tr> <tr> <td>No3</td> <td bgcolor="#ffff8e">No4</td> </tr> </table> |
[ブラウザ上]
|