[分享]css写一个圆形

CSS可以使用border-radius属性来创建圆形，只需要将其设置为50%即可。

.circle{
  width: 100px;
  height: 100px;
  border-radius: 50%;
}

以上是最基本的创建圆形的方法，但可以进一步优化圆形效果。

首先，消除border导致的边框。可以通过box-sizing属性将元素的宽和高包含在内部。

.circle{
  width: 100px;
  height: 100px;
  border: 1px solid #000;
  border-radius: 50%;
  box-sizing: border-box;
}

此外，还可以增加阴影效果，使圆形更加立体。

.circle{
  width: 100px;
  height: 100px;
  border: 1px solid #000;
  border-radius: 50%;
  box-sizing: border-box;
  box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}

以上就是如何使用CSS创建一个圆形的方法，重要的是不断尝试和优化，创造出更为美妙的效果。