CSS3中多邊形可以通過偽元素以及變形屬性來實現。下面我們來逐個講解。

1. 通過偽元素實現：

.box {
position: relative;
width: 100px;
height: 100px;
background-color: red;
}
.box:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
border-bottom: 100px solid blue;
border-right: 100px solid transparent;
}

2. 通過變形屬性實現：

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

以上兩種方法都可以實現不同的多邊形形狀，可以根據需求進行選擇。通過CSS3中的多邊形實現，可以讓我們更加自由地定制網頁的布局和樣式。