CSS3六邊形無底色是一種很有趣的樣式，通過CSS3的transform屬性以及偽類:before和:after的使用，可以輕松地創建這種效果。

首先我們需要定義一個有邊框無背景色的正方形：

.hexagon{
width: 100px;
height: 100px;
position: relative;
margin: 50px auto;
border: 2px solid #000;
}

接下來，我們需要使用偽類:before和:after來在正方形的兩側增加三角形：

.hexagon:before,
.hexagon:after{
content: "";
position: absolute;
border-bottom: 50px solid #000;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
}
.hexagon:before{
left: -27px;
}
.hexagon:after{
right: -27px;
}

這樣，我們就完成了CSS3六邊形無底色的樣式。需要注意的一點是，必須要使用position屬性將正方形定位為relative，這樣偽類的絕對定位才能以正方形為參考系。