CSS是一種網頁樣式語言，它可以讓我們為網頁添加各種各樣的效果。有時候，我們需要為網頁添加特殊形狀的元素，這時候就可以使用CSS寫多邊形。下面就讓我們來了解一下如何使用CSS寫多邊形。

.polygon {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid red;
}

上述代碼是一個三角形的樣式代碼，我們可以根據邊框的設置來生成不同形狀的多邊形。其中，`border-left`和`border-right`設置為透明是為了讓三角形只有一個角。`border-bottom`則是設置三角形的底邊。我們可以修改這些屬性的數值來生成不同大小和形狀的三角形。

.polygon {
width: 100px;
height: 100px;
clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
background-color: red;
}

還有一種CSS寫多邊形的方法是使用`clip-path`屬性。在上述代碼中，我們使用`polygon`函數來生成四邊形。`polygon`函數需要傳入多組坐標值來定義多邊形的各個頂點。不同頂點之間用逗號隔開，頂點坐標的格式為`X Y`。其中，X和Y的值必須在0-100%之間，表示占據所在容器的寬度和高度的百分比。我們還可以設置`background-color`屬性來為多邊形添加顏色。

以上就是使用CSS寫多邊形的簡單介紹。希望對大家有所幫助。