スポンサーサイト

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

書式

<table bgcolor = "色指定値または色名">
<tr bgcolor = "色指定値または色名">
<th bgcolor = "色指定値または色名">
<td bgcolor = "色指定値または色名">
必須知識
自動改行モードでのテーブルのズレ
テーブルを作る
カラー・インデックス
要素説明
bgcolor:テーブルの背景色を設定する属性です。
table bgcolor:テーブル全体の背景色を指定します。
tr bgcolor:横一列の背景色を指定します。
th bgcolor:見出しのセルのみの背景色を指定します。
td bgcolor:そのセルのみの背景色を指定します。

tableにbgcolorを指定する
tableのbgcolorに赤色を指定してみます。
見出し見出し2見出し3
セルセル2セル3

ソース

<Table border = "1" bgcolor = "#ff0000">
<tr><th>見出し</th><th>見出し2</th><th>見出し3</th></tr>
<tr><td>セル</td><td>セル2</td><td>セル3</td></tr>
</table>


trにbgcolorを指定する
見出し部分(上部分)のtrのbgcolorに赤色を指定してみます。
見出し見出し2見出し3
セルセル2セル3

ソース

<Table border = "1">
<tr bgcolor = "#FF0000"><th>見出し</th><th>見出し2</th><th>見出し3</th></tr>
<tr><td>セル</td><td>セル2</td><td>セル3</td></tr>
</table>


thにbgcolorを指定する
左上のthのbgcolorに赤色を指定してみます。
見出し見出し2見出し3
セルセル2セル3

ソース

<Table border = "1">
<tr><th bgcolor = "#FF0000">見出し</th><th>見出し2</th><th>見出し3</th></tr>
<tr><td>セル</td><td>セル2</td><td>セル3</td></tr>
</table>


tdにbgcolorを指定する
左下のtdのbgcolorに赤色を指定してみます。
見出し見出し2見出し3
セルセル2セル3

ソース

<Table border = "1">
<tr><th>見出し</th><th>見出し2</th><th>見出し3</th></tr>
<tr><td bgcolor = "#FF0000">セル</td><td>セル2</td><td>セル3</td></tr>
</table>

トップ>記事内で使うHTML講座>テーブルの背景色を指定する

次のキーワードを検索:[HTML][色]

前後の記事

最近の記事

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。