css 制作一个圆形代码

CSS制作圆形的代码如下：

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

上面的代码中，我们通过设置元素的宽高相等，然后利用border-radius属性设置元素的半径为50%，就能够制作一个圆形的元素了。同时，我们也设置了元素的背景颜色为#333。

如果想要制作一个带边框的圆形元素，可以添加以下代码：

.circle {
      width: 100px;
      height: 100px;
      border-radius: 50%;
      border: 2px solid #333;
      background-color: #fff;
}
    

上面的代码中，我们额外添加了一个border属性，设置元素的边框宽度为2px，颜色为#333。同时，我们也设置了元素的背景颜色为白色。

CSS制作圆形的方法非常简单，能够制作出各种大小和样式的圆形元素，为页面的设计提供更多的可能性。

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