html - 边框图像未显示在 HTML 电子邮件中

Question

所以我有一个带边框的 div。但是，没有显示边框图像。它显示为普通的实心边框。很奇怪，该 URL 有效且有效，它来自谷歌驱动器，一切看起来都不错。HTML 本身可以工作，但是当我在电子邮件中使用它时却不行。

<div style="-webkit-border-image: url(https://s32.postimg.org/rfht7aqx1/border.png) 46px round;-o-border-image: url(https://s32.postimg.org/rfht7aqx1/border.png) 46px round;border-image: url(https://s32.postimg.org/rfht7aqx1/border.png) 46 round;border-width: 46px;border-style: solid;">Hello world!!!</div>

这真的很奇怪；我从来没有见过这样的事情。我正在发送到 Gmail 顺便说一句，不确定它是否适用于Outlook或其他东西。

PS：我知道边框看起来有点奇怪；那是因为它的高度很小。我知道这一点，所以不要抱怨。

Answer 1

其实没办法，Gmail不支持border-image属性。

在此处查看标签兼容性： https ://www.campaignmonitor.com/css/

Answer 2

由于border-image大多数电子邮件供应商不支持，您可以只模拟border-image使用background-image（因为 Gmail 支持该属性）属性与div您喜欢使用的 a 或任何其他元素组合。如果您在 div 上使用它，您将不得不padding稍微修改该属性。但这就是我的做法，它看起来就像一个border-image.

这是我的样子：