方法：1、利用“border-radius”屬性將正方形元素設置為扇形，語法為“border-radius:正方形寬度值 0 0;”；2、利用“元素{background-image:url(圖片路徑);}”語句給扇形元素設置背景圖片即可。

10多年的綏陽網(wǎng)站建設經(jīng)驗，針對設計、前端、開發(fā)、售后、文案、推廣等六對一服務，響應快，48小時及時工作處理。營銷型網(wǎng)站的優(yōu)勢是能夠根據(jù)用戶設備顯示端的尺寸不同，自動調整綏陽建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設計，從而大程度地提升瀏覽體驗。成都創(chuàng)新互聯(lián)公司從事“綏陽網(wǎng)站設計”,“綏陽網(wǎng)站推廣”以來，每個客戶項目都認真落實執(zhí)行。

本教程操作環(huán)境：windows10系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

css3怎樣實現(xiàn)圖片扇形呈現(xiàn)

在css中，可以利用border-radius屬性和background-image屬性實現(xiàn)圖片扇形顯示。

border-radius屬性可以將一個正方形的元素設置為扇形，然后利用background-image元素給這個扇形的元素設置背景圖片即可。

示例如下：

輸出結果：

（學習視頻分享：css視頻教程）