５

 表でもう少し凝ったレイアウトをしてみよう！

hyoujun.gif (3488 バイト)

６．

 表の背景に画像を使おう！
NE3 NE4 NE6 IE3 IE4 IE5 IE6 i

画面の背景と同じように表の背景にも画像を使うことができるんだ。
これは、普通の画面の背景の指定と変わらないよ。

<TABLE BACKGROUND="■">〜</TABLE> 　    ・・・・表の背景に画像を使う

■：画像のＵＲＬ

これも大事なところはBACKGROUNDだね。
BACKGROUNDで背景の画像を指定してやろう。
画像のＵＲＬについてはjamp.gif (1016 バイト)こちら
TABLEで指定すると表の全てがその画像になってしまうね。
もし、セル一つ一つに違う画像を入れたいときは<TABLE>を<TD>に変えてみよう。
<TH>も使えるからね。
・<TD BACKGROUND="■">〜</TD>
・<TD BACKGROUND="■">〜</TH>

　SOURCE
<HTML>
<HEAD>
<TITLE>テーブル</TITLE>
</HEAD>
<BODY>

<TABLE BACKGROUND="../../su-ji.jpg" BORDER>  　　　←表全体の背景にに画像
<TR><TD>果物</TD><TD>野菜</TD></TR>
<TR><TD>りんご</TD><TD>キャベツ</TD></TR>
<TR><TD>みかん</TD><TD>レタス</TD></TR>
</TABLE>

<TABLE BORDER>
<TR><TD>果物</TD><TD>野菜</TD></TR>
<TR><TD　BACKGROUND="../../su-ji.jpg">りんご</TD><TD>キャベツ</TD></TR>　←セル１つに背景画像
<TR><TD>みかん</TD><TD>レタス</TD></TR>
</TABLE>

</BODY>
</HTML>

　

　RESULT 　
果物野菜
りんごキャベツ
みかんレタス

果物野菜
りんごキャベツ
みかんレタス

　

back.gif (1116 バイト)　セルの中のテキストの位置を指定しよう！
next2.gif (967 バイト)　表と周りの文字の間隔を指定しよう！