将图像边框添加到圆形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：

边界：

最后我想要这个：