Outlook下不同宽度的边框答案

【问题标题】：Border with different width under OutlookOutlook下不同宽度的边框
【发布时间】：2013-06-16 04:18:57
【问题描述】：

CampaignMonitor 表示所有电子邮件客户端都接受 CSS 边框属性。

我试过了：

.test1 {
border: 2px solid # 000000
border-width: 0 0 0 2px;
}

或者这个：

.test2 {
border-style: solid;
border-color: # 502090;
border-top-width: 2px;
border-right-width: 0 / * (| 0px | none) * /
border-bottom-width: 0;
border-left-width: 0;
}

但它不适用于 Outlook 07/10/13。

我尝试了 mso-border-* 但总是有边框，即使我将宽度指定为 0。

你有什么解决办法吗？

谢谢。

【问题讨论】：

你也应该发布你的 HTML
只是一个观察，但是您的 .test1 示例中的代码是从您的文件中复制的吗？因为如果是这样，那么您在第 2 行缺少一个分号，这可能会导致该错误。

标签： html outlook html-email email-client

【解决方案1】：

我找到了一个解决方案，但我不推荐它，因为微软奇怪的专有实施。

因此，在有条件的评论中，我将其添加为只有上边框：

.border {
mso-border-right-alt: none #FFFFFF 0;
mso-border-bottom-alt: none #FFFFFF 0;
mso-border-left-alt: none #FFFFFF 0;
mso-border-top-alt: solid #903010 2pt; /* px works too */
}

它可以工作，但这种边框在框外（至少在 Outlook 07/10/13 上）。

最后，我选择了用 td 背景制作的假边框（以及所有使宽度变粗的技巧）。代码更复杂且不易维护，但它是电子邮件的世界（感谢 Microsoft）...

【讨论】：

【解决方案2】：

尝试使用 html 声明 border=""。

你应该仍然可以在 CSS 中声明你的颜色。

【讨论】：

【解决方案3】：

如果您尝试在 Internet Explorer/Edge 上打开相同的网页，您现在应该能够复制和粘贴表格而无需添加 mso-border-* 代码。

【讨论】：