Html 如何填写a<；td>；桌子里有图像？

我在一张桌子里放了一张桌子，我想让我在桌子里的图像填满整个桌子，而不是整个桌子

以下是我所拥有的图像：

注意：我希望每个图像都覆盖整个蓝色空间

我不想让它看起来像这样：

这是我的css：

.table{
颜色：#000；
宽度：100%；
边框宽度：1px；
边框颜色：#D9D9D9；
边界塌陷：塌陷；
}
.表tr{
背景色：无；
}
.表td{
字体大小：15px；
边框宽度：1px；
填充：15px；
边框样式：实心；
边框颜色：#D9D9D9；
文本对齐：居中；
}
.校长1{
字号：1em；
颜色：#000；
文本对齐：居中；
文本装饰：下划线；}

AX方形T恤
最受欢迎的T恤，图案由男士设计。希瑟·格雷。100%纯棉。
选择您的尺码：
小型25.00美元
中等25.00美元
大号25.00美元
XL$25.00美元

您的HTML不正确，表结构如下所示

<table>
  <tr>
      <td></td>
  </tr>
</table>

---

您多次缺少行，这会给您带来不想要的结果

您的

。表td

有一个

填充：15px-移除它，如果您想让图像填充整个单元格，图像将获取整个单元格
，从
.table td
中删除填充，以便覆盖整个单元格，但不要看起来像第二个屏幕截图？因为这不是表格数据，所以更灵活的实现是使用divs，它可以完成我在第二个图像中说的我不想做的事情。这就是我在第二个图像中说的我不想做的事情。移动填充添加到
.table
，但也要修复html以使其有效。