CSS是一種樣式表語言，可以通過它來美化我們的網頁，而畫六角形也是CSS可以實現的功能之一。

.hexagon {
width: 100px;
height: 55px;
background-color: #ccc;
position: relative;
margin: 0 auto;
}
.hexagon:before, .hexagon:after {
content: "";
display: block;
position: absolute;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
}
.hexagon:before {
top: -27.5px;
border-bottom: 27.5px solid #ccc;
}
.hexagon:after {
bottom: -27.5px;
border-top: 27.5px solid #ccc;
}

在上面的代碼中，我們使用了一個div元素，并給它添加了一個class為“hexagon”。接下來，我們利用::before和::after偽元素來實現六角形的形狀。

在::before中，我們將它的top值設為負的高度的一半，即-27.5px，同時設置了一個底邊為27.5px，顏色為#ccc的三角形。在::after中，我們將它的bottom值設為負的高度的一半，即-27.5px，同時設置了一個頂邊為27.5px，顏色為#ccc的三角形。

通過這樣的設置，我們就可以得到一個完整的六角形了。如果需要改變六角形的大小，只需要調整相應的寬度和高度即可。