在CSS3中,可以使用polygon()
函數(shù)來繪制多邊形。polygon()
函數(shù)接受一個參數(shù),即多邊形的各個頂點(diǎn)坐標(biāo),這些坐標(biāo)可以是***位置(如px
、em
等),也可以是相對位置(如%
)。
要繪制一個五邊形,可以使用以下代碼:
.polygon { shape-outside: polygon(50% 0%, 75% 25%, 100% 50%, 75% 75%, 50% 100%, 25% 75%, 0% 50%, 25% 25%, 50% 0%); }
這段代碼定義了一個五邊形的各個頂點(diǎn),并將其應(yīng)用于一個名為polygon
的類。shape-outside
屬性用于定義形狀,而polygon()
函數(shù)則用于繪制多邊形。
polygon()
函數(shù)接受的坐標(biāo)順序非常重要,它們應(yīng)該按照逆時針方向排列,每個坐標(biāo)對應(yīng)該由兩個數(shù)值組成,分別表示橫坐標(biāo)和縱坐標(biāo)。
除了五邊形外,polygon()
函數(shù)還可以用于繪制其他形狀,如三角形、四邊形等,只需指定足夠的頂點(diǎn)即可。