消除HTML电子邮件中的表格边框

消除HTML电子邮件中的表格边框,html,html-table,border,html-email,Html,Html Table,Border,Html Email,我正在做一个HTML电子邮件活动(不允许使用CSS),所以我不得不使用表格,这是我不太熟悉的。我把所有东西都弄对了,除了桌子的边框。每当我创建一个新的时,我都无法摆脱内容周围的内部边界。我尝试了一些技巧(border=“0px”,bordercolor=“white”,bordercolor=“#ffffff”)等),但每当我发送测试消息时,文本和图像周围的边框仍然显示为黑色 这真的打乱了我的设计流程。 有什么我不知道的技巧可以去除HTML表格边框吗?救命啊 怎么样 <table styl

我正在做一个HTML电子邮件活动(不允许使用CSS),所以我不得不使用表格,这是我不太熟悉的。我把所有东西都弄对了,除了桌子的边框。每当我创建一个新的
时,我都无法摆脱内容周围的内部边界。我尝试了一些技巧(
border=“0px”
bordercolor=“white”
bordercolor=“#ffffff”
)等),但每当我发送测试消息时,文本和图像周围的边框仍然显示为黑色

这真的打乱了我的设计流程。 有什么我不知道的技巧可以去除HTML表格边框吗?救命啊

怎么样

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


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

要去除表格边框,请使用
如果内容是图像,请尝试
处理所有包含图像的
。 除此之外,表标记应该是
。还有一个提示,对所需的边框使用内联样式。

尝试以下方法:

在标题中:

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

表td{边框折叠:折叠;}
表:

<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>

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

应用以下方法:

style = "border-collapse: collapse;"
对于每个表格单元格,边框应该不再可见。


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

在不使用px的情况下使用

刚刚遇到了这个实际有效的技巧(至少对于iOS):

为了防止出现[发际线边界]问题,嵌套 将表格转换为背景颜色与的相匹配的新表格 里面的桌子


来源:(包括源代码的照片)

应该是“每当我创建一个新的应用程序时,你仍然可以使用CSS与HTML内联,那么CSS是否仍然存在?什么样的电子邮件客户端?你能追踪到边界是从哪里来的吗?这是一个基于网络的客户端吗?谷歌商业应用程序电子邮件、雅虎和美国在线都显示了这一边界。我正在使用一个名为lyris的在线程序来创建电子邮件,但我正在对整个过程进行编码,而不是使用wysiwyg编辑器。修复了它!框架=和规则=!我尝试了边框折叠,它成功地删除了整个表边框,但没有删除单个表行边框。这就是我目前所做的:我想去掉…周围的边界,但我所做的任何尝试都不会在实际的电子邮件中删除它。我应该补充一点,当我预览电子邮件时,它看起来很好,但当它真正交付时,内部边界仍然保留着。@Ben,这很奇怪。是否在所有电子邮件程序/提供商中都会发生这种情况?无论如何,您都不应该在html属性中使用
px
——这只是重复。