如何用CSS設(shè)置五角星

在CSS中設(shè)置五角星，可以通過使用邊框和背景色來實現(xiàn)，下面是一個簡單的示例代碼：

.star {
  position: relative;
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 100px solid red;
}

這個代碼會生成一個紅色的五角星，你可以根據(jù)需要調(diào)整邊框的寬度和顏色，如果你想要一個更大的五角星，可以增加邊框的寬度或者高度，如果你想要一個不同顏色的五角星，可以改變border-bottom的顏色值。

如果你想要一個完整的五角星形狀，可以使用偽元素來添加另外一半：

.star {
  position: relative;
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 100px solid red;
}
.star::before {
  content: "";
  position: absolute;
  top: 30px;
  left: -50px;
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 100px solid red;
}

這樣，你就得到了一個完整的紅色五角星，你可以根據(jù)需要調(diào)整偽元素的位置和大小，希望這個示例能幫助你學(xué)會如何用CSS設(shè)置五角星。