セルの背景画像を指定
CSSを使用した記述方法
記述方法
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> <style type="text/css"> <!-- td.image { background-image: url("../img/smp.gif"); } --> </style> </head> <body> <table border="1"> <tr><td class="imgage">○</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>
表示サンプル
○ | × | ○ |
× | ○ | × |
○ | × | × |
解説
注)サンプルは分かりやすくするためにセルの幅と高さを広げています。
ヘッダ内の記述にて、「TD」タグの「image」(名前は自由に付けてください)と言う名前のものに関しての表示方法を指定しています。それぞれ個別に、
<td style="background-image:url('../img/smp.gif');" >○</td>
のように記述をすることも出来ます。画像の指定は相対パスか絶対パスにて行って下さい。