CSS正六邊形是一種常用的幾何圖形，它通常用于裝飾或設計中。下面我們來了解如何使用CSS實現一個正六邊形。

.hexagon {
width: 100px; 
height: 55px; 
background-color: #007bff; // 為了便于觀察，我們使用藍色作為背景色
position: relative;
}
.hexagon:before {
content: "";
position: absolute;
z-index: 1;
top: -25px;
left: 0;
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 25px solid #007bff;
}
.hexagon:after {
content: "";
position: absolute;
z-index: 1;
bottom: -25px;
left: 0;
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-top: 25px solid #007bff;
}

以上代碼實現了一個寬度為100px，高度為55px的藍色正六邊形。我們使用一個矩形和兩個梯形作為正六邊形的組成部分來實現。

在矩形的基礎上，我們分別添加了一個上梯形和下梯形，它們具有相同的底邊長和高度，而它們的斜邊則與矩形的長邊對齊。這樣，上下兩個梯形的組合就可以構成正六邊形了。

通過調整矩形和梯形的大小和位置，我們可以實現不同大小和顏色的正六邊形效果。當然，也可以通過變換、旋轉等方式來實現更加豐富多彩的效果。