テーブルの背景画像を指定

CSSを使用した記述方法

記述方法

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<style type="text/css">
<!--
table.image { background-image: url('../img/smp.gif'); }
-->
</style>
</head>
<body>
<table border="1" class="image">
<tr><td>○</td><td>×</td><td>○</td></tr>
<tr><td>×</td><td>○</td><td>×</td></tr>
<tr><td>○</td><td>×</td><td>×</td></tr>
</table>
</body>
</html>

表示サンプル

×
××
××

解説

注)サンプルは分かりやすくするためにテーブルの幅と高さを画像サイズにあわせています。

ヘッダ内の記述にて、「TABLE」タグの「image」(名前は自由に付けてください)と言う名前のものに関しての表示方法を指定しています。個別に、

<table 
style="background-image: url('../img/smp.gif');"
></table>

のように記述をすることも出来ます。画像の指定は相対パスか絶対パスにて行って下さい。