スポンサーサイト

テーブルに背景画像を指定する

要素

<table background = "画像ファイルURL">
<tr background = "画像ファイルURL">
<th background = "画像ファイルURL">
<td backgrounf = "画像ファイルURL">
必須知識
自動改行モードでのテーブルのズレ
テーブルを作る
画像を表示させる
要素説明
background:テーブル、またはセルの背景に画像を指定します。
table background:テーブル全体の背景に画像を指定します。
tr background:横一列の背景に画像を指定します。インターネットエクスプローラでは対応していません。
th background:見出しのセルのみの背景に画像を指定します。
td background:そのセルのみの背景に画像を指定します。

tableにbackgroundを指定する
tableにFC2ヒヨコの背景画像を指定します。
見出し見出し2見出し3
セルセル2セル3

ソース

<Table border = "1" background = "http://*****/hiyoko.gif">
<tr><th>見出し</th><th>見出し2</th><th>見出し3</th></tr>
<tr><td>セル</td><td>セル2</td><td>セル3</td></tr>
</table>


trにbgcolorを指定する
見出し部分(上部分)のtrにFC2ヒヨコの背景画像を指定します。
インターネットエクスプローラには対応していません。
見出し見出し2見出し3
セルセル2セル3

ソース

<Table border = "1">
<tr background = "http://*****/hiyoko.gif"><th>見出し</th><th>見出し2</th><th>見出し3</th></tr>
<tr><td>セル</td><td>セル2</td><td>セル3</td></tr>
</table>


thにbgcolorを指定する
左上のthにFC2ヒヨコの背景画像を指定します。
見出し見出し2見出し3
セルセル2セル3

ソース

<Table border = "1">
<tr><th background = "http://*****/hiyoko.gif">見出し</th><th>見出し2</th><th>見出し3</th></tr>
<tr><td>セル</td><td>セル2</td><td>セル3</td></tr>
</table>


tdにbgcolorを指定する
左下のtdにFC2ヒヨコの背景画像を指定します。
見出し見出し2見出し3
セルセル2セル3

ソース

<Table border = "1">
<tr><th>見出し</th><th>見出し2</th><th>見出し3</th></tr>
<tr><td background = "http://*****/hiyoko.gif">セル</td><td>セル2</td><td>セル3</td></tr>
</table>


注意
インターネットエクスプローラでは<tr>のbackground指定に対応していません。使用しない方が良いでしょう。
トップ>記事内で使うHTML講座>テーブルに背景画像を指定する
次のキーワードを検索:[HTML]

前後の記事

最近の記事

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