css - 从表中删除 cellpadding、cellspacing 和 border

Question

我尝试使用 oscommerce 平台发送简单的时事通讯，内容是简单的表格和很少的图片。在我发送预览之前看起来不错(没有 cellspacing 或 cellpadding)

预览:

但是在我收到并使用 gmail 打开之后:

可以看到表格不一样；我是说白色边框。

这是为时事通讯生成表格和内容的代码。

<table border="0" cellspacing="0" cellpadding="0">
   <tbody>
      <tr>
         <td><img alt="" src="http://www.sfbeautyskin.com/uploads/image/Newsletter/Newsletter.jpg" style="width: 950px; height: 1187px;" /></td>
      </tr>
      <tr>
         <td><a href="http://www.sfbeautyskin.com/images//banners/Promotion_Dec_Xmas.jpg"><img alt="" src="http://www.sfbeautyskin.com/uploads/image/Newsletter2.jpg" style="width: 950px; height: 114px;" /></a></td>
      </tr>
      <tr>
         <td><a href="http://www.sfbeautyskin.com/index.php"><img alt="" src="http://www.sfbeautyskin.com/uploads/image/Newsletter3.jpg" style="width: 950px; height: 158px;" /></a></td>
      </tr>
      <tr>
         <td><a href="http://www.sfbeautyskin.com/contact_us.php"><img alt="" src="http://www.sfbeautyskin.com/uploads/image/Newsletter4.jpg" style="width: 950px; height: 440px;" /></a></td>
      </tr>
   </tbody>
</table>

问题是如何完全删除边框属性。

Answer 1

我以前遇到过类似的电子邮件问题。如果我没记错的话，我通过在 td 中使用 display: block 制作图像(或尝试“a”标签)来修复它。

尝试这样的事情:

<td><img alt="" style="display: block;" src="http://www.sfbeautyskin.com/uploads/image/Newsletter/Newsletter.jpg" style="width: 950px; height: 1187px;" /></td>