在CSS中可以通過(guò)一些技巧來(lái)制作多個(gè)六邊形。

.hexagon {
width: 60px;
height: 104px;
position: relative;
overflow: hidden;
}
.hexagon:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: inherit;
transform-origin: 50% 0;
transform: rotate(60deg);
}
.hexagon:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: inherit;
transform-origin: 50% 100%;
transform: rotate(-60deg);
}

通過(guò)使用:before和:after偽元素來(lái)實(shí)現(xiàn)六邊形的效果。同時(shí)，使用transform來(lái)進(jìn)行旋轉(zhuǎn)操作。

如果想要制作多個(gè)六邊，可以進(jìn)行一些調(diào)整，比如改變寬高和位置：

.hexagon1 {
width: 50px;
height: 87px;
position: absolute;
top: 50px;
left: 100px;
overflow: hidden;
}
.hexagon2 {
width: 80px;
height: 139px;
position: absolute;
top: 150px;
left: 200px;
overflow: hidden;
}
/* ...其他六邊形的樣式 */

這樣可以實(shí)現(xiàn)多個(gè)不同大小和位置的六邊形。

同時(shí)，還可以通過(guò)改變背景顏色或使用漸變來(lái)讓六邊形更加鮮明。