HTML 电子邮件中未显示边框图像
border-image not showing in HTML Email
所以我有一个带边框的 div。但是，边框图像未显示。它将其显示为普通的实心边框。很奇怪，URL 有效且有效，它来自 google 驱动器，一切看起来都不错。 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: 我知道边框看起来有点奇怪；那是因为它的高度很小。我知道，所以不要抱怨。
其实没办法，Gmail不支持border-image 属性.
在此处查看标签兼容性：
https://www.campaignmonitor.com/css/
由于大多数电子邮件供应商不支持 border-image，您可以使用 background-image 模拟 border-image（因为 Gmail 支持）属性结合 div 或您喜欢使用的任何其他元素。如果要在 div 上使用 padding 属性，则需要稍微修改一下。但我就是这样做的，它看起来就像 border-image。
这是我的样子：
所以我有一个带边框的 div。但是，边框图像未显示。它将其显示为普通的实心边框。很奇怪，URL 有效且有效，它来自 google 驱动器，一切看起来都不错。 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: 我知道边框看起来有点奇怪；那是因为它的高度很小。我知道，所以不要抱怨。
其实没办法，Gmail不支持border-image 属性.
在此处查看标签兼容性： https://www.campaignmonitor.com/css/
由于大多数电子邮件供应商不支持 border-image，您可以使用 background-image 模拟 border-image（因为 Gmail 支持）属性结合 div 或您喜欢使用的任何其他元素。如果要在 div 上使用 padding 属性，则需要稍微修改一下。但我就是这样做的，它看起来就像 border-image。
这是我的样子：