我有一个用于创建圆形并设置单一边框颜色的 CSS:
.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>
- 从0到4颜色#1
- 从4到8颜色#2
- 从8到12颜色#3
<canvas>
元素是可能的,但我没有成功地做到这一点。