正六邊形是一種經典的多邊形圖形，為了在網頁中展示出這種圖形，需要用到CSS技術對正六邊形進行制作。下面我們就來看一下如何使用CSS實現正六邊形。

.regular-hexagon {
width: 100px;
height: 55px;
background-color: #ccc;
position: relative;
}
.regular-hexagon:before, .regular-hexagon:after {
content: "";
width: 0;
height: 0;
position: absolute;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
}
.regular-hexagon:before {
top: -27.5px;
border-bottom: 27.5px solid #ccc;
}
.regular-hexagon:after {
bottom: -27.5px;
border-top: 27.5px solid #ccc;
}

在代碼中，我們使用了一個class名叫做"regular-hexagon"，該class包含了兩個子元素:before和:after，這兩個元素是用來制作正六邊形的上下兩個三角形的。其中，width和height分別代表正六邊形的寬和高。border-left和border-right用于繪制三角形的左右兩個直角邊，其值為50px，也就是正六邊形的一條邊長的長度。在:before元素中，top的值設為-27.5px，然后border-bottom用于繪制下半部分三角形，高度為27.5px，顏色和背景色一致，即相同的#ccc。而在:after元素中，bottom的值設為-27.5px，然后border-top用于繪制上半部分三角形，高度為27.5px，顏色和背景色也為#ccc。這樣兩個三角形交錯覆蓋，就形成了一個完美的正六邊形。