CSS可以實現各種形狀的圖案，包括扇形。要畫一個扇形，我們需要使用border-radius和transform等屬性。

.fan {
width: 200px;
height: 200px;
border-radius: 100px 0 0 100px;
background: #aaa;
transform: rotate(45deg);
}

在上面的代碼中，我們使用了一個帶有寬度和高度的div元素，并使用border-radius屬性來將元素變成一個扇形。其中，border-radius的四個數值分別表示左上角、右上角、右下角和左下角的曲率半徑。我們將左下角設置為100px，即可將元素變成一個扇形。為了將扇形旋轉到合適的位置，我們還需要使用transform: rotate(45deg)屬性。

下面是一個完整的例子：

<div class="fan"></div>

這段代碼會創建一個200px x 200px的扇形，如下圖所示：

如果想要創建其他角度的扇形，只需要將border-radius屬性中的數值做適當的調整即可。例如，如果想要創建180度的扇形，可以將左下角和右下角的數值都設置為100px，如下所示：

.fan {
width: 200px;
height: 200px;
border-radius: 100px 100px 0 0;
background: #aaa;
transform: rotate(45deg);
}

這樣就可以得到一個180度的扇形：

注意，當width和height屬性的值不相等時，扇形會變形。

總結一下，使用CSS畫扇形需要使用border-radius和transform等屬性。將border-radius的數值調整為需要的曲率半徑，再使用transform: rotate()將元素旋轉到合適的位置即可。