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>