站長(zhǎng)資訊網(wǎng)在css中，可以利用border-radius屬性來(lái)設(shè)置扇形區(qū)域。border-radius屬性可以設(shè)置邊框四個(gè)角的圓角；只需要將border-radius屬性一個(gè)角的值設(shè)置與寬高相同，其他幾個(gè)角的值設(shè)為“0”即可實(shí)現(xiàn)一個(gè)簡(jiǎn)單的扇形。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css設(shè)置扇形區(qū)域
在css中，可以使用border-radius屬性畫扇形。
實(shí)現(xiàn)原理：左上角是圓角，其余三個(gè)角都是直角：左上角的值為寬和高一樣的值，其他三個(gè)角的值不變（等于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>
效果圖：
（學(xué)習(xí)視頻分享：css視頻教程）
