如何用CSS制作一個(gè)星星？

在CSS中制作一個(gè)星星，可以通過使用偽元素和旋轉(zhuǎn)來實(shí)現(xiàn)，下面是一個(gè)簡單的示例代碼：

<div class="star"></div>

.star {
  position: relative;
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 100px solid #f00;
}
.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 #f00;
}
.star::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100px;
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 100px solid #f00;
}

在上面的代碼中，我們創(chuàng)建了一個(gè)名為“star”的類，用于制作星星，我們?cè)O(shè)置了一個(gè)三角形的邊框，其中左右邊框?yàn)橥该?，底部邊框?yàn)榧t色，我們使用偽元素“::before”和“::after”來創(chuàng)建星星的其他部分，通過調(diào)整偽元素的位置和大小，我們可以得到不同的星星形狀，我們可以將星星應(yīng)用到任何元素上，以制作出漂亮的星星效果。