我有一个只有一个边框的圆形,但是我想知道是否有办法实现两种不同颜色的圆形边框。以下是我使用的CSS代码生成的圆形:
.circle {
width: 20px;
height: 20px;
border-radius: 12px;
border: 1.5px solid #fff;
font-family: Cambria;
font-size: 11px;
color: white;
line-height: 20px;
text-align: center;
background: #3E78B2;
}
.circle:hover {
width: 27px;
height: 27px;
border-radius: 18px;
font-size: 12px;
color: white;
line-height: 27px;
text-align: center;
background: #3E78B2;
}
你可以看到它目前有一些白色的边框。我想在白色边框上面添加另一个边框。
如果您有任何想法/建议,请告诉我。