CSS是一門很實用的前端開發語言，可以用來實現各種各樣的效果，其中就包括實現多邊形。通過CSS，我們可以很輕松地實現各種自定義形狀的DIV。讓我們來看看如何實現一個六邊形DIV。

.hexagon {
width: 100px;
height: 55px;
position: relative;
background-color: #8c8c8c;
}
.hexagon:before,
.hexagon:after {
content: "";
position: absolute;
width: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
}
.hexagon:before {
bottom: 100%;
border-bottom: 28px solid #8c8c8c;
}
.hexagon:after {
top: 100%;
width: 0;
border-top: 28px solid #8c8c8c;
}

首先，我們設置DIV的寬度為100px，高度為55px，并設置相對定位。接著，我們設置:before和:after偽元素的樣式。設置偽元素的content屬性為空，使其不顯示任何內容。然后，通過絕對定位和寬度為0來使偽元素形成六邊形的兩個三角形。注意，我們只設置了偽元素的邊框樣式，同時設置了透明的邊框，以便讓偽元素的兩個三角形之間形成六邊形形狀。最后，我們將:before偽元素設置在DIV的底部，而將:after偽元素設置在DIV的頂部，從而形成六邊形DIV的形狀。

使用CSS實現多邊形DIV的方法還有很多種，比如使用CSS3的transform屬性來實現等。學習CSS的過程中，我們需要多嘗試不同的方法，找出最適合我們自己的實現方式。希望本文能對大家在CSS實現多邊形DIV上有所幫助。