テーブルに背景画像を入れてみる
ページの背景とは別にテーブルには背景が入れられます。
例えばこんな風になります。
こんな感じ |
【ソース】
<table width="200" border="1" background="img/sample01.gif">
<tr>
<td height="50">こんな感じ</td>
</tr>
</table>
赤字の部分がテーブルに背景画像を入れる為の属性です。
上の例ではテーブル全体に背景を入れましたが、セルごとに違う背景を入れることもできます
td01 | td02 |
【ソース】
<table width="316" border="1">
<tr>
<td width="150" background="img/sample01.gif">td01</td>
<td width="150" background="img/sample02.gif">td02</td>
</tr>
</table>
この例では <td> に背景画像を使っていますが、<th> <tr> でも指定できます。