如何在css中制作边框[重复]答案

【问题标题】：How to make a border to circle in css [duplicate]如何在css中制作边框[重复]
【发布时间】：2019-05-13 08:56:41
【问题描述】：

如何在css中做一个圆形的边框，目前是方形的，所以我想把它做成圆形

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

查看示例图片

【问题讨论】：

在发布问题之前，您需要进行一些研究和搜索。一个简单的google for your title 会带来很多答案。请在下次发布问题之前再努力一点

标签： html css

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

&lt;div class="circle"&gt;&lt;/div&gt;

【讨论】：

【解决方案3】：

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

【讨论】：