用CSS畫(huà)圓是很簡(jiǎn)單的，只需要利用border-radius屬性，就可以輕松地實(shí)現(xiàn)。border-radius屬性是用來(lái)設(shè)置圓角的，我們只需要設(shè)置四個(gè)角都是50%（或者直接寫(xiě)border-radius:50%），就可以實(shí)現(xiàn)圓形了。

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

上面的代碼就可以實(shí)現(xiàn)一個(gè)200x200的灰色圓形。如果我們需要制作其他顏色或大小的圓形，只需要改變width、height和background-color屬性即可。

需要注意的是，如果我們要利用CSS制作不規(guī)則圓形或者橢圓形，可以分別設(shè)置border-radius的橫軸和縱軸屬性值（例如border-radius:50% / 25% 就可以實(shí)現(xiàn)一個(gè)橫軸是200px，縱軸是100px的橢圓形）。