テーブルの中に背景画像をつけよう!

テーブルに背景画像を付けるには、最初に素材屋さんなどに行き、背景データーをDLする必要があります。
素材屋さんの利用規定に従い、背景画像(壁紙)などをDLして下さい。
DLしたら、ご自分のサーバーに背景データーをUPして下さい。
ここまで出来たら、あとは背景画像付きのテーブル作成開始です。

テーブルに背景色を付けるには、BACKGROUND="画像URL"を使います。
画像URLとは、http://〜*****.gif このようなURLです。
このタグを使う場所は

テーブル全体の背景画像を指定する場合→ <TABLE BORDER BACKGROUND="画像URL">

1マスだけの背景画像を指定する場合→ <TD BACKGROUND="画像URL">

<TABLE BORDER BACKGROUND="画像URL">
<TR>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
</TR>
<TR>
<TD>4</TD>
<TD>5</TD>
<TD>6</TD>
</TR>
</TABLE>
テーブル全体に背景画像を付けました。
左のように書いたのを表示させるとこうなります。

<TABLE BORDER>
<TR>
<TD>1</TD>
<TD BACKGROUND="画像URL"></TD>
<TD>3</TD>
</TR>
<TR>
<TD>4</TD>
<TD>5</TD>
<TD BACKGROUND=" 画像URL"</TD>
</TR>
</TABLE>
2と6のマス目に背景画像を付けました。
左のように書いたのを表示させるとこうなります。


なんか上のように書くと、背景画像なのか色付きテーブルなのか分かりづらいかも・・・
ちょっと大きめのテーブルで背景付けてみようか・・・

<TABLE BORDER HEIGHT="150" WIDTH="200">の大きさのテーブルにしました。
こっちの方が分かり易いでしょ?

テーブル作成の目次に戻る