css怎么做实心圆圈

CSS 可以轻松地创建一个实心圆圈。实心圆圈经常用作按钮或指示符。下面是一个简单的示例：

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

在上面的代码中，我们首先设置了圆圈的高度和宽度。接着，我们设置了圆圈的背景颜色，这里是黑色，但可以更改为你想要的任何颜色。

然后，我们使用 border-radius 属性将盒子的边框弯曲成圆形。将边框半径设置为 50% 会使边框的两侧都弯曲成圆形，因为它们总和等于盒子的完整直径。

最后，将这个类应用于一个 div> 元素或某个其他元素：

div class="circle">
    /div>
    

现在，你已经拥有一个简单的实心圆圈！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！