CSS是網頁開發中最重要的樣式語言之一。在使用CSS繪制圖形時，正六邊形是一個經典案例。下面是一份漂亮的CSS代碼，它可以輕松地繪制一個完整的正六邊形：

.hexagon {
width: 100px;
height: 55px;
background-color: #ff0000;
position: relative;
}
.hexagon:before,
.hexagon:after {
content: "";
position: absolute;
top: -25px;
width: 0;
height: 0;
border-bottom: 25px solid #ff0000;
border-left: 43px solid transparent;
border-right: 43px solid transparent;
}
.hexagon:after {
top: 80px;
border-top: 25px solid #ff0000;
border-bottom: none;
}

如上代碼，首先使用了一個寬高比為1：1.8的

元素進行布局。然后，使用:before和:after偽元素來繪制三角形，兩個偽元素組合形成完整的正六邊形。

偽元素的具體作用在于生成一個完全虛擬的元素，于是就有了一個與原文檔流之外的結構，這樣，我們就可以很輕松的對它進行美化樣式的制定了。

分析上述代碼可以發現，它的中心軸為原點，主要分為以下部分：

• 正六邊形相關屬性設置width、height和background-color，這些屬性可以自行定制。
• 前后兩個三角形的樣式定義，基本思路就是用CSS繪制三角形，然后進行位置的微調。

使用上述CSS代碼可以輕松地繪制出漂亮的正六邊形。不過需要注意的是，如果要繪制多個正六邊形，最好使用類（class）選擇器，控制各個邊框的位置和大小，這樣可以使整個頁面的風格和布局更統一。