Kreis mit drei verschiedenen Randfarben
Ich habe dieses CSS für einen Kreis mit einer Rahmenfarbe:
.circle {
border: 6px solid #ffd511;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
-khtml-border-radius: 30px;
width: 30px;
height: 18px;
line-height: 20px;
padding: 12px 6px;
text-align: center;
}
<div class="circle">17</div>
Es sieht aus wie das
Wie soll ich das CSS ändern, um @ zu habdrei Randfarben - wie auf der Uhr:
von 0 bis 4 Farbe # 1von 4 bis 8 Farbe # 2von 8 bis 12 Farbe # 3Ich bin sicher, es ist möglich, mit Element<canvas>
, aber das gelingt mir nicht.