特殊形狀div

用到的核心屬性

clip-path: polygon

polygon( , , …, ) 定義了每乙個點的座標，

css 代表一種基本圖形，它通過圖形函式來定義乙個圖形。乙個基本圖形可以作為shape-outside屬性，或clip-path屬性的引數使用，經這些屬性應用在乙個元素上，可以使這個元素周圍的內容環繞在它的周圍，或者使用指定的圖形來剪裁內容。

polygon()函式的語法如下：

polygon(
)= polygon(
[,]? [
]# )
/* 其中.. */=|

polygon()函式用於定義乙個多邊形。它的引數是一組座標對（），每乙個座標對代表多邊形的乙個頂點座標。瀏覽器會將最後乙個頂點和第乙個頂點連線得到乙個封閉的多邊形。座標對使用逗號來進行分隔，可以使用絕對單位或百分比單位值。

除了座標對引數，polygon()函式還可以使用乙個可選的關鍵字fill-rule。該關鍵字指定如何處理可能相交的多邊形形狀的區域。可取值有nonzero 和evenodd。預設值為nonzero。

下面都是有效的polygon()函式宣告。