CSS3是一種新型的樣式表語言，在網頁設計中有著廣泛的應用。在這里我們介紹一下如何使用CSS3畫五角星。

.star {
width: 0;
height: 0;
border-width: 50px 25px 0 25px;
border-style: solid;
border-color: #ffcc00 transparent transparent transparent;
position: relative;
top: -15px;
left: -25px;
transform: rotate(35deg);
}
.star:before {
content: "";
width: 0;
height: 0;
border-width: 50px 0 0 50px;
border-style: solid;
border-color: #ffcc00 transparent transparent transparent;
position: absolute;
top: 17px;
left: -25px;
transform: rotate(-35deg);
}
.star:after {
content: "";
width: 0;
height: 0;
border-width: 50px 25px 0 25px;
border-style: solid;
border-color: #ffcc00 transparent transparent transparent;
position: absolute;
top: 17px;
left: 0;
}

首先，我們使用border來創建五角星的形狀，這種方法叫做border hack。我們將五角星的四條邊使用不同的顏色，并設置其中三條邊為透明，以此達到畫出五角星的效果。我們使用了transform屬性進行旋轉，可以讓五角星指向不同的方向。

接著，為了讓五角星的尖端更加銳利，我們使用了偽元素:before和:after。它們和.star選擇器一樣，都需要設置position屬性，以便我們對它們進行定位和樣式設置。

以上是用CSS3畫五角星的方法，十分簡單易懂。希望對大家有所幫助。