background-image:url(***);
background-image: url(***);は背景画像を指定するプロパティで、適用した要素の背景に画像が設定されます。
テーブルの場合はtable、tr、th、td要素に設定をすることで、その要素の背景画像を設定する事ができます。
▼CSS
td.samlple{
background-image: url(sample.jpg);
}
▼HTML
<table>
<th>
<td>見出し</td>
<td>見出し</td>
<td>見出し</td>
</th>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td class="sample">このtd要素には</td>
<td class="sample">背景画像にsample.jpgが</td>
<td class="sample">設定されています。</td>
</tr>
</table>
▼表示
見出し | 見出し | 見出し |
---|---|---|
このtd要素には | 背景画像は | 設定されていません。 |
このtd要素には | 背景画像にsample.jpgが | 設定されています。 |
背景画像を表示できない端末を想定する場合は、同時に背景色を設定しておくと良いでしょう。