在html电子邮件中显示水平规则的背景颜色

时间:2011-10-28 21:56:43

标签: html css outlook

我有以下代码

<hr style="border:0; margin:0; padding:0; background-color: #F7D25F; height:1px;" />

但是,这不会出现在outlook 2003客户端中。如何更改它以显示?

3 个答案:

答案 0 :(得分:7)

<hr />标记支持不足。尝试使用<p>一个而不是相同的参数。

答案 1 :(得分:4)

我试过了,但它在Outlook和Gmail中仍然很不稳定。相反,它可以在段落上使用边框。像这样:

<p style="margin-bottom: 6px; margin-top: 0px; border-top: 4px solid #000; text-align:center; font-size:1px;" >&nbsp;</p>

答案 2 :(得分:2)

我尝试过像打击一样的换行符,但它并没有在Outlook中显示。

<img src="images/line.gif" width="100%" height=1 >

然后我尝试了td,如下所示,它们都像魅力一样,包括Outlook

<td style="margin: 0; height: 1px; background-color: #000; text-align: center;"></td>

<td style="border-top: 1px solid #000;"></td>

所以是的,我肯定会选择td方法