CSS怎么用div做六邊形？

在CSS中，我們可以使用div元素和CSS樣式來制作一個六邊形，以下是一個簡單的示例：

1、創(chuàng)建一個div元素：

<div id="hexagon"></div>

2、應用CSS樣式來制作六邊形：

#hexagon {
  position: relative;
  width: 200px; /* 可以根據(jù)需要調(diào)整 */
  height: 100px; /* 可以根據(jù)需要調(diào)整 */
}
#hexagon:before, #hexagon:after {
  content: "";
  position: absolute;
  width: 0;
  border-style: solid;
}
#hexagon:before {
  border-width: 50px 0 50px 50px; /* 可以根據(jù)需要調(diào)整 */
  border-color: transparent transparent transparent #000; /* 可以根據(jù)需要調(diào)整 */
  top: -50px; /* 可以根據(jù)需要調(diào)整 */
  left: 0; /* 可以根據(jù)需要調(diào)整 */
}
#hexagon:after {
  border-width: 50px 50px 0 0; /* 可以根據(jù)需要調(diào)整 */
  border-color: #000 transparent transparent transparent; /* 可以根據(jù)需要調(diào)整 */
  top: 0; /* 可以根據(jù)需要調(diào)整 */
  right: 0; /* 可以根據(jù)需要調(diào)整 */
}

這個示例中，我們使用了一個div元素和兩個偽元素（:before和:after）來制作一個六邊形，通過調(diào)整border-width和border-color屬性，我們可以改變六邊形的形狀和顏色，通過調(diào)整position屬性，我們可以控制六邊形的位置。