css - 将图像边框添加到圆形 div

Question

我想在圆形 div 周围设置一个图像作为边框。圆形 div 由border-radius:50%.

CSS：

.circ {
 border-radius: 50%;
 border: 15px solid transparent;
 padding: 15px;
 border-image-source: url(border.png);
 border-image-repeat: round;
 border-image-slice: 30;
}

HTML：

<div class="circ"></div>

这是我的 div：

边界：

最后我想要这个：