六邊形可以用來裝飾頁面，但是HTML并沒有提供繪制六邊形的標簽，那么我們該怎么做呢？下面介紹如何使用CSS制作六邊形邊框。

.hexagon {
width: 100px;
height: 57.74px;
position: relative;
background-color: #eee;
}
.hexagon:before,
.hexagon:after {
content: "";
width: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
position: absolute;
}
.hexagon:before {
top: -28.87px;
border-bottom: 28.87px solid #eee;
}
.hexagon:after {
bottom: -28.87px;
border-top: 28.87px solid #eee;
}

首先，我們創建一個div元素，并設置它的長寬比為100:57.74，這是六邊形的標準比例。

然后，我們用:before和:after偽元素繪制兩個倒三角形，并通過設置它們的border屬性，讓它變成了我們想要的六邊形形狀。

其中，倒三角形的高度為28.87，是六邊形高度的一半。同時，通過設置top和bottom屬性，讓倒三角形分別在上半部分和下半部分。

最后，我們將兩個倒三角形的顏色設置成與邊框相同的顏色，這樣就完成了六邊形的邊框繪制。

現在，我們可以通過改變div的背景色和邊框顏色來實現不同的效果，并將它用于元素的裝飾、排版等方面。