扇形在網頁設計中是一種常見的設計元素。在CSS中，我們可以使用一些簡單的代碼來創建扇形，下面跟著小助手一起來看看吧!

首先，我們需要創建一個div元素，并設置寬度和高度。

<div class="circle"></div>
.circle {
width: 200px;
height: 200px;
}

接下來，我們可以利用CSS3的border-radius屬性來將div元素變為一個圓形。同時，我們要讓扇形只顯示一部分，可以通過設置圓角屬性來控制。例如，我們希望顯示一個半圓形，就可以將左上角和右上角的圓角半徑設置為100px。

.circle {
width: 200px;
height: 200px;
border-radius: 50%;
border-top-left-radius: 100px;
border-top-right-radius: 100px;
}

為了讓半圓形顯示具體的扇形效果，我們需要利用CSS3的transform屬性將半圓形旋轉指定的角度。例如，如果我們想顯示一個角度為60的扇形，就可以將半圓形旋轉60度。

.circle {
width: 200px;
height: 200px;
border-radius: 50%;
border-top-left-radius: 100px;
border-top-right-radius: 100px;
transform: rotate(60deg);
}

最后，我們可以設置扇形的顏色，這可以通過設置border-top的顏色實現。例如，我們可以將扇形的顏色設置為藍色。

.circle {
width: 200px;
height: 200px;
border-radius: 50%;
border-top-left-radius: 100px;
border-top-right-radius: 100px;
transform: rotate(60deg);
border-top: solid 200px blue;
}

通過以上四個步驟，我們就可以創建出一個簡單的扇形了。當然，我們還可以對扇形進行更多的樣式調整，例如添加陰影、邊框等等，讓扇形更加美觀和逼真。