css - 使用表情符号作为 CSS 边框

Question

我正在寻找一种使用表情符号作为 HTML 新闻稿边框的方法。几乎，我希望圣诞树表情符号 (🎄) 在 div 周围重复。关于如何做到这一点有什么想法吗？

Answer 1

通常，一种方法是使用 border-image 属性，这要求您使用图片而不是字符。 正如评论中所指出的，不幸的是，这在电子邮件中没有得到很好的支持。

.christmas {
  display: inline-block;
  padding: 15px;
  border: 33px solid transparent;
  -moz-border-image: url("/image/baEaT.png") 33 repeat;
  -webkit-border-image: url("/image/baEaT.png") 33 repeat;
  -o-border-image: url("/image/baEaT.png") 33 repeat;
  border-image: url("/image/baEaT.png") 33 repeat;
}

<div class="christmas">
  Merry Christmas!
</div>