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六边形。通过调整六边形大小和边框的样式，可以创建许多其他样式的六边形。