CSS可以用來制作出各種形狀，包括扇形。

.semicircle {
border-radius: 100% 100% 0 0;
width: 200px;
height: 100px;
background-color: red;
transform: rotate(45deg);
	}

上面的代碼就可以創建出一個紅色的45度扇形，其中：

• border-radius：設置圓角
• width和height：設置寬和高
• background-color：設置背景顏色
• transform：旋轉45度

若要制作其他角度的扇形，需要修改border-radius的值，如下面的代碼可以制作一個60度的橙色扇形。

.semicircle {
border-radius: 100% 0 0 0;
width: 200px;
height: 100px;
background-color: orange;
transform: rotate(60deg);
	}

修改border-radius的值為100% 0 0 0，即可以制作出一個底部180度的扇形。

.semicircle {
border-radius: 0 0 100% 100%;
width: 200px;
height: 100px;
background-color: blue;
transform: rotate(180deg);
	}

通過修改border-radius的值和transform的旋轉角度，就可以制作出不同的扇形形狀。