HOME >> HTML > テーブルに背景画像を表示する

point テーブルに背景画像を表示する

<TABLE background="URL(画像のアドレス)">〜</TABLE>
<TD background="URL(画像のアドレス)">〜</TD>
<TH background="URL(画像のアドレス)">〜</TH>
<TR background="URL(画像のアドレス)">〜</TR>
ページの背景を画像にするには、<BODY>タグのbackground属性を使って背景画像のURLを指定すれば、ページ全体に繰り返して画像が表示できましたよね。このbackground属性はテーブルにも使えるので、テーブルの背景を画像にすることが出来ます。<TABLE>タグにつけるとテーブル全体の背景を画像に出来ます。<TD>タグ<TH>タグにつけるとセルごとに、<TR>タグにつけると一行の背景画像を指定できます。

注意点として、<TABLE>タグにbackground属性をつけて、テーブル全体の背景画像を指定した場合、Internet ExplorerやOpera、Netscape6.0はテーブル全体に対して繰り返して画像が表示されますが、Netscape Navigator4.7以前のブラウザではセル単位で繰り返して表示されます。それと、<TR>タグへの指定はInternet Explorerは対応していません。

サンプル - Microsoft Internet Explorer
ホーム(H)メニュー(M)戻る(B)進む(N)
6/26/36/4
休み学校学校
ソース
<TABLE background="haikei1.gif">
<TR>
<TD>6/2</TD><TD>6/3</TD><TD>6/4</TD>
</TR>
<TR>
<TD>日</TD><TD>月</TD><TD>火</TD>
</TR>
<TR>
<TD>休み</TD><TD>学校</TD><TD>学校</TD>
</TR>
</TABLE>
サンプル - Microsoft Internet Explorer
ホーム(H)メニュー(M)戻る(B)進む(N)
6/26/36/4
休み学校学校
ソース
<TABLE border="1">
<TR>
<TH background="haikei1.gif">6/2</TH>
<TD>6/3</TD><TD>6/4</TD>
</TR>
<TR>
<TD>日</TD><TD>月</TD><TD>火</TD>
</TR>
<TR>
<TD background="haikei2.gif">休み</TD>
<TD>学校</TD><TD>学校</TD>
</TR>
</TABLE>
スポンサード・リンク
Copyright ©2001〜2016 まさぼ〜 All Right Reserved