Question

我正在开发一个HTML电子邮件广告系列（不允许使用CSS）所以我不得不使用表格，这是我不太熟悉的。除了桌子边框外，我看起来一切都很正常。每当我创建一个新的<tr>时，我就无法为我的生活摆脱内容周围的内容。我尝试了一些技巧（border="0px"，bordercolor="white"，bordercolor="#ffffff"等），但每当我发送测试消息时，边框仍会在文字和图片周围显示黑色。

这真的搞乱了我的设计流程。有什么技巧我不知道摆脱HTML表格边框？救命！

Answer 1

 <table border="0" cellpadding="0" cellspacing="0" width="100%" style = "border-collapse: collapse;">

Answer 2

如果内容是图片，请对所有<td valign="top">内的图片进行<td>。除此之外，表标记应为<table cellpadding="0" cellspacing="0" ...>。还有一个提示，为所需的边框使用内联样式。

Answer 3

申请：

style = "border-collapse: collapse;"

对于每个表格单元格，边框不再可见。

Answer 4

要摆脱表格边框，请使用<table border="0">。

Answer 5

使用<table border="0">而不使用px？

Answer 6

怎么样

<table style="border-collapse: collapse;">
  <!-- ... -->
</table>

？即使在HTML电子邮件中，这样的内联CSS也应该可以正常工作。

Answer 7

试试这个：

在头上：

  <style type="text/css">
    table td {border-collapse: collapse;}
  </style>

表：

<table width="300" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="border:2px solid #000000;">
  <tr>
    <td width="50%" bgcolor="#999999" style="padding:20px;">
    ...
    </td>
    <td width="50%" bgcolor="#888888" style="padding:20px;">
    ...
    </td>
  </tr>
  <tr>
    <td width="50%" bgcolor="#777777" style="padding:20px;">
    ...
    </td>
    <td width="50%" bgcolor="#666666" style="padding:20px;">
    ...
    </td>
  </tr>
</table>

此外，始终将cellpadding和cellspacing保持为零。如果需要间距，请在单元格中使用填充。

Answer 8

刚刚看到这个实际有用的提示（至少对于iOS）：

防止[发际线边界]发生嵌套问题表格的背景颜色与表格相匹配的新表格内表。

来源：http://www.informz.com/blog/template-design/quick-tip-removing-hairline-borders-in-html-emails-on-iphone-ipad/（包含源代码照片）

摆脱HTML电子邮件中的表边框

8 个答案: