扇形可以讓我們的頁面更加生動有趣，下面將為大家介紹如何利用CSS畫一個扇形。

.block {
width: 0;
height: 0;
border-style: solid;
border-width: 100px 0 0 200px;
border-color: transparent transparent transparent #f00;
border-radius: 0 0 0 100%;
}

以上是畫扇形所需的CSS代碼，下面我們將逐一解釋。

• width: 0;
• height: 0;
• border-style: solid;
• border-width: 100px 0 0 200px;
• border-color: transparent transparent transparent #f00;
• border-radius: 0 0 0 100%;

這些CSS屬性定義了一個寬度和高度為0的方塊，四個邊分別為紅色，透明，透明和透明。然后通過border-radius屬性定義右下角的圓角為100%來實現扇形的效果。

接下來就是HTML代碼部分：

這里我們只需要定義一個class為block的div元素就可以實現扇形了。

以上就是如何用CSS畫一個扇形的全部內容，快去試試吧！