Question

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指定为宽度。

你有解决方案吗？

感谢。

Answer 1

我找到了一个解决方案，但由于Microsoft的好奇专有实现，我不推荐它。

所以，在条件评论中，我将其添加到只有顶部边框：

.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）......

Answer 2

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

您仍然可以在CSS中声明颜色。

Answer 3

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

Outlook下的不同宽度的边框

3 个答案: