CSS六邊型是一種常見的多邊形形狀，可以使用CSS樣式輕松地創建。以下代碼使用CSS樣式創建了一個簡單的六邊形：

.hexagon {
width: 100px;
height: 55px;
background-color: #6C6;
position: relative;
}
.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: 27.5px solid #6C6;
}
.hexagon:after {
top: 100%;
width: 0;
border-top: 27.5px solid #6C6;
}

以上代碼中，.hexagon類定義了六邊形的基本樣式。這個樣式定義了六邊形的寬度、高度和背景顏色，并將其定位為相對。

接下來，使用:before和:after偽類元素來創建六邊形的頂部和底部。

為了創建六邊形的頂部，:before偽類定義了一個三角形邊框，將其定位在六邊形的底部之上。 該邊框是通過定義左邊和右邊的斜線來創建的。 為了創建六邊形的底部，:after偽類定義了另一個三角形邊框，該邊框是通過定義左邊和右邊的斜線來創建的，并將其定位在六邊形的頂部之上。

通過這些定義CSS樣式的步驟，就可以創建一個簡單的CSS六邊形。通過調整六邊形大小和邊框的樣式，可以創建許多其他樣式的六邊形。