標簽和:before/:after偽元素來達到這個效果：

.star {
display: inline-block;
position: relative;
width: 1em;
height: 1em;
color: #FFD700;
font-size: 2.5em;
line-height: 1em;
}
.star:before,
.star:after {
content: "";
position: absolute;
top: 0.35em;
left: 0;
width: 0.6em;
height: 0.2em;
background-color: inherit;
border-radius: 0.1em;
transform: rotate(-35deg);
}
.star:before {
left: -0.3em;
transform: rotate(55deg);
}

首先，我們設置了一個類名為“star”的元素的基本樣式。其寬高都為1em，因為我們要讓它是個正方形。然后，我們設置了字體大小為2.5em，這樣它就會變得比較大。我們還設置了行高為1em，為了讓里面的文字居中顯示。

接下來是關鍵部分，我們使用:before和:after偽元素來創建兩個三角形，組成了一個五角星的形狀。這個星星是傾斜著的，所以還需要用到旋轉變換，讓它們旋轉了35度和55度。

最后提醒一下，因為:before和:after偽元素的content屬性是個空字符串，所以在CSS樣式中必須要加上content屬性才能生效。