CSS是一種用來美化網頁樣式的語言，其中最為基礎的也是最常見的功能莫過于用CSS來繪制圖形了。在本文中，我們將學習如何利用CSS來畫一個五角星。

.star {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 30px solid #f5de50;
position: relative;
}
.star:before {
content: "";
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-top: 30px solid #f5de50;
position: absolute;
top: -28px;
left: -50px;
}
.star:after {
content: "";
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-top: 30px solid #f5de50;
position: absolute;
top: -28px;
left: 0;
transform: rotate(180deg);
}

這段代碼中有三個選擇器，其中`.star`是五角星的主體，使用了border屬性來控制五角星的各邊長度和背景顏色。同時，還需要使用絕對定位來控制`.star:before`和`.star:after`兩個偽元素的位置和形狀，以達到完整的五角星效果。

可以使用以下HTML來呈現這個五角星：

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

這就是CSS畫五角星的方法了。略加修改，您也可以畫出更多不同的形狀。讓我們一起努力，打造更美好的網頁吧。