带有表格的边框颜色在电子邮件中是不是跨客户端友好?

Posted

技术标签:

【中文标题】带有表格的边框颜色在电子邮件中是不是跨客户端友好?【英文标题】:Is bordercolor with tables cross client friendly in emails?带有表格的边框颜色在电子邮件中是否跨客户端友好? 【发布时间】:2012-12-16 22:10:49 【问题描述】:

我想将我的 html 电子邮件中表格的边框颜色更改为另一种颜色,但是当我通过 HTML 验证运行我的代码时,它似乎不喜欢 (bordercolor="#9cbdcc")

我在下面添加了一张图片,以便您可以看到我收到的错误。

我问这个问题的主要原因是我现在向很多人发送大量 HTML 电子邮件,并且通常会进行 100% 验证,以确保所有电子邮件客户端的问题都很少,所以它会是很容易知道这是不可以还是可以。

提前感谢您的任何回复。

为我们确定了下面的方法,勾选的答案也可以:

HTML

 <table cellspacing="2" cellpadding="0" border="0" bgcolor="#000000">
 <tr>
 <td   bgcolor="#FF0000">
     TEST
     </td>
     <td   bgcolor="#FF0000">
     TEST
     </td>
 </tr>
 </table>

【问题讨论】:

众所周知,电子邮件很难在所有客户端上正确显示。通常样式是(大部分)内联完成的。尝试使用内联 CSS 设置边框颜色样式。 感谢您的回复,我总是使用内联样式作为我的电子邮件的一般做法,我在下面的内联 CSS 中遇到的问题是它不会将边框应用于单元格,仅适用于桌子外面。 【参考方案1】:

使用内联样式或样式表怎么样?

<table style="border-color:#9cbdcc;">

<table style="border: 1px solid #9cbdcc;">

它们在所有客户的电子邮件中都能完美运行。

【讨论】:

对不起,我应该提到我需要表格中的所有单元格也有边框,上面只对表格应用边框而不是单元格。 @huddds 好的,您需要为所有元素添加样式属性。 我刚刚想到了一个非常简单的方法来获得我想要的东西,我会把它添加到我的问题中,但是如果你不介意在边缘加倍1px 遇到 1px @hudds 是的。肯定需要一些独创性。【参考方案2】:

@hudds 接受的答案是要走的路,如果您希望为所有单元格均匀地添加边框,那么您可以像 &lt;table border="10" bordercolor="black"&gt; 这样为表格添加边框属性@这应该为表格单元格添加边框

【讨论】:

以上是关于带有表格的边框颜色在电子邮件中是不是跨客户端友好?的主要内容,如果未能解决你的问题,请参考以下文章

以编程方式在电子表格中设置边框颜色和样式

DOMPDF表格边框问题

在html中 怎样改变表格边框线的颜色?

为 NSTableView 单元格绘制带有边框和背景的文本

word表格分页后最上面的边框不显示怎么办

html这个表格上下左右边框颜色怎么设置?