前後の記事

最近の記事

書式

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

tableにbgcolorを指定する
tableのbgcolorに赤色を指定してみます。

見出し	見出し２	見出し３
セル	セル２	セル３

ソース

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

trにbgcolorを指定する
見出し部分（上部分）のtrのbgcolorに赤色を指定してみます。

見出し	見出し２	見出し３
セル	セル２	セル３

ソース

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

thにbgcolorを指定する
左上のthのbgcolorに赤色を指定してみます。

見出し	見出し２	見出し３
セル	セル２	セル３

ソース

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

tdにbgcolorを指定する
左下のtdのbgcolorに赤色を指定してみます。

見出し	見出し２	見出し３
セル	セル２	セル３

ソース

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

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

前後の記事

最近の記事