本文介紹如何使用CSS實現簡單的空心五角星。

.star {
width: 0;
height: 0;
border: 10px solid transparent;
border-bottom-color: yellow;
position: relative;
margin: 20px;
}
.star:before,
.star:after {
content: "";
position: absolute;
top: 0;
left: -20px;
width: 0;
height: 0;
border: 10px solid transparent;
border-bottom-color: yellow;
transform: rotate(-35deg);
}
.star:before {
left: -10px;
transform: rotate(35deg);
}

首先，我們創建一個空元素，并設置它的寬度和高度都為0，同時設置邊框為10像素的實線。

為了使五角星呈現出空心的效果，我們只需要將它的底部邊框顏色設置為黃色，同時將元素相對定位。

然后，我們使用:before和:after樣式偽類來創建五角星的左邊和右邊。通過設置它們的border屬性為10像素的實線，border-bottom-color為黃色，最后通過rotate()函數將它們旋轉35度和-35度，使它們組合成一個五角星的形狀。

最后再將:before的left屬性設置為-10像素，使得它能夠插入到元素中間，否則就會重疊成一個六角星了。

通過上述步驟，我們就成功實現了一個簡單的空心五角星。