css - CSS 图案图像边框

Question

（这就是我所做的）

（这就是我想要的）

如何使用标准以有效的方式在图像中的红色圆圈周围制作圆形图案边框图像？

需要一些好的建议。

问候

Answer 1

我已将此LINK用于模式。创建你喜欢的图案。如果您有任何疑问，请发表评论。

.circle {
  position: relative;
  background: repeating-linear-gradient( to right, #f6ba52, #f6ba52 10px, #ffd180 10px, #ffd180 20px);
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50%;
  width: 100px;
  height: 100px;
}

.circle:after {
  position: absolute;
  display: block;
  top: 5px;
  left: 5px;
  width: 90px;
  height: 90px;
  content: "";
  background-color: #fff;
  border-radius: 50%;
}

<div class="circle"></div>