寫(xiě)正六邊形在CSS中是一個(gè)常見(jiàn)的需求，通常可以通過(guò)使用CSS的邊框?qū)傩詠?lái)實(shí)現(xiàn)，以下是一個(gè)簡(jiǎn)單的示例，展示了如何使用CSS來(lái)創(chuàng)建一個(gè)正六邊形：

.hexagon {
  position: relative;
  width: 100px; /* 寬度 */
  height: 57.74px; /* 高度大約是寬度的√3/2 */
  background-color: #333; /* 背景顏色 */
  border-radius: 29.87px; /* 圓角半徑大約是高度的√3/2 */
}
.hexagon:before,
.hexagon:after {
  content: "";
  position: absolute;
  width: 0;
  border-style: solid;
  border-width: 29.87px 0 0 29.87px; /* 上邊框?qū)挾?*/
  border-color: #333 transparent transparent #333; /* 上邊框顏色 */
}
.hexagon:before {
  top: -29.87px; /* 上邊框位置 */
  left: 0; /* 左偏移 */
}
.hexagon:after {
  top: -29.87px; /* 上邊框位置 */
  right: 0; /* 右偏移 */
}

這個(gè)CSS代碼創(chuàng)建了一個(gè)正六邊形，其中.hexagon類(lèi)定義了正六邊形的基本樣式，包括寬度、高度和背景顏色。border-radius屬性設(shè)置了圓角半徑，使得正六邊形的角變得平滑。before和after偽元素則負(fù)責(zé)繪制正六邊形的上邊框，通過(guò)調(diào)整邊框的寬度和顏色，可以定制正六邊形的樣式，這種方法簡(jiǎn)單且靈活，適用于各種設(shè)計(jì)需求。