在CSS中，可以使用border-radius屬性來畫圓。

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

 　　上面的代碼會畫一個紅色的圓形，通過將border-radius屬性設置為50%，將元素的邊角切成圓形，因此元素就成了一個圓形。可以通過設置寬度和高度來調整圓的大小。

　　當然，還可以使用偽元素實現(xiàn)畫圓：

.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;
}

 　　上面的代碼會畫一個紅色的圓形，通過在元素上使用絕對定位的偽元素，將偽元素的邊角切成圓形，偽元素就成了一個圓形。這里通過在偽元素的背景上加上白色實現(xiàn)了畫圓效果。