如何在td中拟合背景图像

Question

我试图将背景图像放在表格单元格（td）中，但由于图像比单元格大，我只能看到背景图像的一部分。

html看起来像这样：

<tr>
  <td class="active"></td>
  <td class="passive"></td>
</tr>

在我使用这个css的课程中：

background-image: url('../Images/prospectAct.png');
width: 100%;
height: auto;

<td>宽度为8％，我可以使图像适合细胞。 我可以测试的任何例子吗？

Answer 1

您可以使用0 anything between 150 - 250

＆＃13;

＆＃13;

background-size:contain;

＆＃13;

td {
  width:100px;
  height:100px;
}
  td.active {
    background-image:url('http://placehold.it/200x200');
    background-size:contain;
  }

＆＃13;

＆＃13;

＆＃13;