 サンプル - Microsoft Internet Explorer | |||||||||
|
テーブルに背景画像を表示する
■<table background="URL(画像のアドレス）">〜</table>
<td background="URL(画像のアドレス）">〜など
<td background="URL(画像のアドレス）">〜など
ページ全体の背景を画像にするには、<body>タグのbackground属性を使って背景画像のURLを指定すれば、ページ全体に繰り返して画像が表示できましたよね。
このbackground属性はテーブルにも使えるので、テーブルの背景を画像にすることが出来ます。<table>タグにつけるとテーブル全体の背景を画像に出来ます。<td>タグ<th>タグにつけるとセルごとに、<tr>タグにつけると一行の背景画像を指定できます。
注意点として、<table>タグにbackground属性をつけて、テーブル全体の背景画像を指定した場合、Internet ExplorerやOpera、Netscape6.0はテーブル全体に対して繰り返して画像が表示されますが、Netscape Navigator4.7以前のブラウザではセル単位で繰り返して表示されます。
CSSのback-ground-imageプロパティを使えば、テーブル全体やセル単体に背景画像を指定できますので、HTMLのbackground属性は使用しない方が良いです。
HTML
<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 | |||||||||
|
HTML
<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>