CSS模式图像边框

Question

(This is What I did)

(This is What I want)

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

需要一些好的建议。

此致

Answer 1

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

＆＃13;

＆＃13;

.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%;
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;