-borders doesn't appear in outlook

Posted 2021-05-03

我在Outlook 2007+中的html表格遇到了一些问题。我的<tr>元素上的所有边框都没有显示出来！

在开发过程中，我使用html文件和.css文件。然后我使用工具将两者合并在一起。

合并后，Chrome会像这样打开html文件：

但是，当我将邮件作为html邮件发送时，Outlook会显示如下：

合并后，我所有的<tr>元素都是这样的：

<tr style="border-bottom: 1px solid #caecf0;"></td>

你们有谁知道为什么吗？

---

此外，如果有人知道为什么表格页脚大于标题（它们具有完全相同的样式）在outlook中，请让我知道;-)

答案

您不能将边框应用于表格行。您应该将它应用于表格单元格

<td style="border-bottom: 1px solid #caecf0;"></td>

不知道为什么你的表行标签在没有看到你的html的情况下被打破但是我猜你没有正确关闭标签或你用来内联你的CSS的工具是垃圾是不可能的