在HTML电子邮件中显示水平线的背景颜色

Question

我有以下代码。

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

然而，这在Outlook 2003客户端中并未显示出来。我该如何更改以使其显示出来？

- user544079

---

也许，如果你将高度从1像素改为2像素……我记得IE6曾有过类似的问题。 - Ryan Casas

Answer 1

<hr />标签支持不好，建议改用具有相同参数的<p>标签代替。

- Zoltan Toth

---

问题在于，在 Outlook 2010 中，它强制将高度最小限制为 20px。因此，您会得到一个丑陋的、粗厚的栏，而不是一条细线。 - Jake Toronto

Answer 2

我尝试过那种方法，但在Outlook和Gmail中仍然存在问题。相反，使用段落边框是可行的。像这样：

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

- jod.z

---

这应该是被接受的答案！它在Outlook 2010中有效。 - Jake Toronto

Answer 3

我尝试过像下面这样的换行图片，但在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方法。

- Tin Lek