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

<table background="URL(画像のアドレス)">〜</table>
 <td background="URL(画像のアドレス)">〜など

ページの背景を画像にするには、<body>タグのbackground属性を使って背景画像のURLを指定すれば、ページ全体に繰り返して画像が表示できましたよね。

このbackground属性はテーブルにも使えるので、テーブルの背景を画像にすることが出来ます。<table>タグにつけるとテーブル全体の背景を画像に出来ます。<td>タグ<th>タグにつけるとセルごとに、<tr>タグにつけると一行の背景画像を指定できます。

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

サンプル - Microsoft Internet Explorer
6/26/36/4
休み学校学校

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
6/26/36/4
休み学校学校

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>

スポンサード・リンク