在CSS中，可以使用border-radius属性来画圆。

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

 　　上面的代码会画一个红色的圆形，通过将border-radius属性设置为50%，将元素的边角切成圆形，因此元素就成了一个圆形。可以通过设置宽度和高度来调整圆的大小。

　　当然，还可以使用伪元素实现画圆：

.circle {
  position: relative;
  width: 100px;
  height: 100px;
  background-color: red;
}
.circle::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: white;
}

 　　上面的代码会画一个红色的圆形，通过在元素上使用绝对定位的伪元素，将伪元素的边角切成圆形，伪元素就成了一个圆形。这里通过在伪元素的背景上加上白色实现了画圆效果。