div四個(gè)角是三角形怎么實(shí)現(xiàn)，如圖

linear-gradient了解一下

做成背景圖呢

其實(shí)效果是這樣，可以看到，整個(gè)div后面是個(gè)背景圖，里面需要放個(gè)地圖，然后樓上兩位的回答很不錯(cuò)，但是好像還是不能實(shí)現(xiàn)這個(gè)效果。。。。。

內(nèi)部的東西要和角落隔開(kāi)的話(huà)，CSS padding屬性了解一下？

簡(jiǎn)單的邊角還可以用偽類(lèi)或者div旋轉(zhuǎn)處理，但是你的這個(gè)示例的話(huà)

這一塊的圖案過(guò)于復(fù)雜，比較好的辦法是背景圖+padding。實(shí)在想炫技弄點(diǎn)svg也隨意。

我大概弄了一個(gè)Demo，不知道是不是你所說(shuō)的意思

在地圖上層加一個(gè)遮罩, 直接蓋在地圖上方,背景圖像這樣