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