五角星在設計中經常被用到，如何用CSS做出五角星呢？我們可以使用偽元素:after和:before來制作。

.star{
position:relative;
display:inline-block;
width:20px;
height:20px;
}
.star:before,
.star:after{
content:'';
position:absolute;
top:0;
left:0;
width:0px;
height:0px;
border-right:10px solid transparent;
border-bottom:7px solid #f7d000;/*#f7d000是五角星的顏色，可以根據實際情況來調整*/
border-left:10px solid transparent;
transform-origin:center;
}
.star:before{
transform:rotate(-35deg);
}
.star:after{
transform:rotate(35deg);
}

這里的.star是五角星所在的容器。我們通過設置:before和:after的邊框來畫出五角星的兩個三角形，再通過transform:rotate()讓它們旋轉并組合成五角星的形狀。