CSS中制作圓圈可以使用border-radius和width和height屬性，也可以使用偽元素完成。

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

代碼中設(shè)置了元素的寬度和高度為50px，并將border-radius屬性設(shè)置為50%，這樣可以使元素變成圓形。background-color屬性則用于設(shè)置圓形的背景顏色。

使用偽元素制作圓形時，可以通過設(shè)置content屬性為空字符來創(chuàng)建空的偽元素，再用border-radius屬性將偽元素變成圓形，例如：

.circle::before {
content: "";
display: block;
width: 50px;
height: 50px;
border-radius: 50%;
background-color: red;
}

這里使用了偽元素before來創(chuàng)建一個空元素。display屬性設(shè)置為block可以使偽元素占據(jù)整個元素的空間，然后再通過border-radius屬性將偽元素變成圓形。background-color屬性同樣用于設(shè)置圓形的背景顏色。

以上就是CSS中制作圓形的方法，非常簡單易懂。