在網(wǎng)頁設計中，如何制作一個漂亮的圓形圖？使用CSS百分比作為單位，可以輕松實現(xiàn)圓形圖的制作。

CSS百分比可以用于設置元素的寬度、高度、邊距等屬性。而在圓形圖制作中，我們主要用到的就是寬度和高度這兩個屬性。

.circle {
width: 50%;
height: 0;
padding-bottom: 50%;
border-radius: 50%;
background-color: #fff;
}

這段CSS代碼實現(xiàn)了一個寬高均為50%的圓形圖。其中，padding-bottom屬性是為了讓圓形圖的高度與寬度相等，border-radius屬性是為了設置邊框為圓角，background-color屬性設置背景顏色。

在實際應用中，我們可以改變寬度、高度以及背景顏色等屬性，實現(xiàn)更多樣化的圓形圖效果。同時，CSS百分比也可以與其他屬性結(jié)合使用，例如添加陰影、動畫、漸變、邊框等，讓圓形圖更加生動有趣。