gpt4 book ai didi

具有两个不同颜色或至少看起来像的边框的 CSS 圆圈

转载 作者:技术小花猫 更新时间:2023-10-29 11:27:42 27 4
gpt4 key购买 nike

<分区>

我有一个只有一个边框的圆圈,但我想知道是否有办法实现一个有两个不同颜色边框的圆圈。我有如下 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;
}

Here is link to jsFiddle

您现在可以看到它有一些白色边框。我想在白色边框之上添加另一个边框。

如果您有任何想法/建议,请告诉我。

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com