CSS格式圖像邊界

Question

(This is What I did)

(This is What I want)

我可怎麼辦圍繞圖像中的紅色圓圈的圓形圖案的邊框，圖像與標準的有效方法是什麼？

需要一些好的建議。

問候

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>