CSS-Muster Bild Border

Question

(This is What I did)

(This is What I want)

Wie kann ich tun, um die Runde gemusterten Grenze Bild um den roten Kreis im Bild in einer gültigen Weise mit dem Standard?

Brauchen Sie einen guten Vorschlag.

Grüße

Answer 1

Ich habe dieses LINK für Muster verwendet. Erstellen Sie ein Muster, das Ihnen gefällt. Wenn Sie Fragen haben, bitte Kommentar.

.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>