html - 将 的 bgcolor 保持在定义的高度/宽度限制内

Question

我的任务是为我们的 HTML 时事通讯创建一个干净的模板，并分发给大约 70,000 名订阅者。正如预期的那样，他们希望它在尽可能多的电子邮件客户端中保持一致，因此我遵循广泛建议的 HTML 电子邮件实践并使用嵌套表格和内联样式。

我正在尝试设置 bgcolor每个 <td>显示图像 - 原因是如果有人关闭了电子邮件客户端上的图像，他们仍然能够看到表格单元格的形状(并且他们的体验仍然有些视觉化)，但我我很难将 bgcolor 保持在单元格内，它似乎渗入了单元格之间的空间。这是一个例子:

  <tr>
     <td width="200" height="200" bgcolor="#CCCCCC">
       <img src="image.png" height="200" width="200" alt="Image!">
    </td>
  </tr>

从这段代码中，当图像可见时背景在图像下方是不可见的，因为它们都是 200x200，我看到大约 10px 的灰色向下插入图像的底部和右侧并侵入单元格周围的空白区域。这是怎么回事，我该如何解决？

编辑:这是它正在做的事情的图像:

Answer 1

表格的css样式是否设置为border-collapse？像这样:

<table style="border-collapse: collapse;">

如果这没有效果，并且图像上没有边距，您是否尝试过将 padding 设置为 0？