CSS3是最新的CSS版本，為網(wǎng)頁提供更多的樣式和交互特效，其中包括繪制各種形狀。一種比較常見的形狀就是六邊形。在CSS3中，我們可以使用clip-path屬性來快速繪制六邊形形狀。下面的代碼展示了如何用clip-path實現(xiàn)一個紅色的六邊形：

.hexagon {
width: 100px;
height: 55px;
background-color: red;
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

上面的代碼中，我們首先設置了元素的寬和高，然后設置了背景色為紅色。最重要的是clip-path屬性，它的值是一個六邊形的多邊形坐標集合。值得注意的是，六邊形的頂點順序很重要，順序不對會導致形狀扭曲。

除了使用clip-path屬性，我們還可以通過偽元素:before和:after來繪制六邊形。下面的代碼演示了如何使用:before偽元素繪制一個藍色的六邊形：

.hexagon:before {
content: '';
position: absolute;
top: -25px;
left: 0;
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 25px solid blue;
z-index: -1;
}

上面的代碼中，我們使用了:before偽元素，并將其定位在元素的上方。然后，我們設置了元素的寬和高為0，并通過border-left和border-right設置了兩個三角形，再通過border-bottom設置上下邊界，形成一個六邊形。

總的來說，CSS3提供了多種繪制六邊形的方法，通過各種方法的組合，我們可以創(chuàng)造出各種各樣的形狀和圖案。