テーブルの背景画像を指定
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>
のように記述をすることも出来ます。画像の指定は相対パスか絶対パスにて行って下さい。