使用CSS制作扇形圖一直是設計師們喜歡的一種方式，因為它可以給網頁增加一份別致和華麗的元素。下面我們將介紹一下關于CSS扇形圖制作的方法和代碼實現。 首先，我們需要了解兩個重要的CSS屬性：border-radius和transform。這兩個屬性可以幫助我們制作扇形圖形。 border-radius是用于設置元素圓角，并且可以單獨設置每一個角的半徑。 transform是CSS3新增的屬性，可以讓元素進行平移、旋轉、縮放和傾斜等變換。 下面，我們使用border-radius和transform屬性制作一個扇形圖。

/*html代碼*/
<div class="fan"></div>
/*css代碼*/
.fan {
width: 100px; /*扇形的寬*/
height: 100px; /*扇形的高*/
background-color: #ff0000; /*扇形的顏色*/
border-radius: 0 100px 100px 0; /*設置扇形圖左下圓角為100px，右圓角為0*/
transform: rotate(45deg); /*將扇形圖旋轉45度*/
}

通過以上代碼，我們可以得到一個向左下方旋轉45度的扇形圖。其中，border-radius的參數值0 100px 100px 0表示左下圓角為100px，右圓角為0。 以上是CSS制作扇形圖的簡單介紹，我們可以通過更改屬性值，實現不同方向、不同大小和不同顏色的扇形圖。