在CSS3中，我們可以使用border-radius屬性來(lái)繪制圓形，它的語(yǔ)法如下：

border-radius:50%;

其中，50%表示元素的寬度和高度的一半，即畫(huà)出來(lái)的是等比例縮放的圓形。接下來(lái)，我們可以進(jìn)一步定制圓形的具體樣式。

比如，我們可以改變圓形的大小：

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

這樣，我們就得到了一個(gè)寬高均為200px的圓形，并設(shè)置了紅色的背景色。

另外，我們還可以添加邊框和陰影效果：

.circle {
width: 200px;
height: 200px;
border-radius: 50%;
border: 2px solid #f00;
box-shadow: 0 0 10px #000;
}

這里，我們給圓形添加了2像素寬的紅色實(shí)線邊框，并且給它添加一些黑色的陰影效果。

除此之外，我們還可以用CSS3的漸變效果來(lái)渲染圓形：

.circle {
width: 200px;
height: 200px;
border-radius: 50%;
background: radial-gradient(#f00, #000);
}

這樣，我們就能夠得到一個(gè)從紅色到黑色的徑向漸變色彩的圓形了。

通過(guò)CSS3的強(qiáng)大功能，我們可以輕松地畫(huà)出優(yōu)美的圓形，并且自由定制其具體樣式，為頁(yè)面帶來(lái)更好的效果展示。