在css中，可以利用border-radius屬性來設定扇形區域。 border-radius屬性可以設定邊框四個角的圓角；只需要將border-radius屬性一個角的值設定與寬高相同，其他幾個角的值設為「0」即可實現一個簡單的扇形。
本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
css設定扇形區域
在css中，可以使用border-radius屬性畫扇形。
實現原理：左上角是圓角，其餘三個角都是直角：左上角的值為寬和高一樣的值，其他三個角的值不變（等於0）。
程式碼範例：
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
div {
border-radius: 80px 0 0;
width: 80px;
height: 80px;
background: #666;
}
</style>
</head>
<body>
<div></div>
</body>
</html>效果圖：
#（學習影片分享：css影片教學）
以上是css怎麼設定扇形區域的詳細內容。更多資訊請關注PHP中文網其他相關文章！
