CSS可以用來繪制各種各樣的形狀，包括五角星。下面是一個簡單的教程，演示如何使用CSS繪制五角星。

.star {
position: relative;
width: 0;
height: 0;
border-right: 50px solid transparent;
border-bottom: 70px solid #f1c40f;
border-left: 50px solid transparent;
transform: rotate(35deg);
}
.star:before {
content: "";
position: absolute;
top: -25px;
left: -55px;
width: 0;
height: 0;
border-right: 50px solid transparent;
border-bottom: 70px solid #f1c40f;
border-left: 50px solid transparent;
transform: rotate(-70deg);
}
.star:after {
content: "";
position: absolute;
top: -25px;
left: 5px;
width: 0;
height: 0;
border-right: 50px solid transparent;
border-bottom: 70px solid #f1c40f;
border-left: 50px solid transparent;
transform: rotate(70deg);
}

首先，我們需要創建一個具有相對位置的星型容器（如“.star”類）。接下來，我們使用三個偽元素(:before和:after)來創建星型的三個點。每個偽元素都有相對于容器的絕對位置，其寬度和高度使用三角形邊界和顏色屬性設置。最后，我們可以使用“transform”屬性旋轉前兩個偽元素，以使它們正確地定位在星形容器中。