html - HTMLテーブルのTD内に画像を収める方法

Question

以下を使用して TD 内に画像を表示しています。

しかし、画像は TD で定義された幅よりも大きな幅を取っているようです。

解決策を教えてください。

Answer 1

これを試すことができます：

ALL に画像を持たせたい場合<td>:

HTML:

<table class="imagetable">

<tr>

<td>Hey wat up</td>

</tr>

</table>

CSS:

.tableimage td {
background-image:url('http://example.com/image.jpg');
background-size: 100% 100%;
}

ONE<td>に画像が必要な場合

HTML:

<td class="image">Hey wat up</td>

CSS:

.image {
background-image:url('http://example.com/image.jpg');
background-size: 100% 100%;
}

お役に立てれば ：）