テーブルの背景画像を指定する方法について書いていきます。
テーブルの背景画像を指定する方法
HTMLだけで指定するのならbackground属性で指定します。
<table width=”600″ height=”100″ background=”gazou1.jpg”border=”0″ cellspacing=”10″ cellpadding=”0″>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
CSSで指定するならbackgroundプロパティです。
table {
background: url(gazou1.jpg);
}
特定のテーブルだけ画像を表示したい時は、tableタグでなくクラスで指定すると良いでしょう。
なお画像サイズはテーブルと同じサイズにするか、テーブルを画像サイズと同じようにすると、ページの読み込みスピードと画質が最適化されお勧めです。
セルに白い色を付けて、テーブル枠だけ背景画像を表示するようにすると、独特の効果となります。
広告
関連コンテンツ
