如何在css中制作边框圈

Question

如何在css中制作边框以圆形，目前它是方形的，所以我想使其成为圆形

    color: white;
    left: 52px;
    position: absolute;
    top: 65px;
    padding: 3px;
    background-color: rgb(0, 195, 255);
   
    font-size: 12px;
}

查看示例图片

Answer 1

将宽度和高度设置为相等的值，然后添加border-radius: 50%;。

.circle {
width: 60px;
height:60px;
border-radius: 50%;
background-color: #bada55;
}

<div class="circle"></div>

Answer 2

您可以使用border-radius: 20px来将20px或更高或更低地更改为更多或更少的曲线，

Answer 3

在您的CSS中添加border-radius: 50%;。