[分享]css元素摆一个圆

在 CSS 中，有很多元素可以用来摆出各种形状。今天我们将学习如何摆出一个圆形。

.border{
  border-radius: 50%;
  width: 200px;
  height: 200px;
  background-color: red;
} 

上面的代码中，我们使用了 border-radius 属性来实现圆形。这个属性的值可以是一个具体的长度值，也可以是 50%，表示圆形的半径是元素宽度的一半。

接下来，我们需要设置元素的宽度和高度，让它呈现出一个正圆形。我们将宽度和高度都设置为 200px，这样圆形就非常明显了。

最后，我们可以添加一个背景色或者其他样式，让圆形更加突出。在这个例子中，我们使用了红色作为背景色。

这样就完成了一个简单的圆形的摆放。