CSS是網頁設計過程中必不可少的一部分，它可以通過一些簡單的代碼幫助我們實現各種炫酷的效果，例如設置星星。下面我們來看一下具體如何使用CSS來設置星星。

.star {
display: inline-block;
width: 0;
height: 0;
border-right: 20px solid transparent;
border-bottom: 20px solid #ffc107;
border-left: 20px solid #ffc107;
transform: rotate(35deg);
margin-right: 10px;
}
.star::before {
display: inline-block;
content: "";
width: 0;
height: 0;
border-right: 20px solid transparent;
border-top: 20px solid #ffc107;
border-left: 20px solid #ffc107;
transform: rotate(-70deg);
position: relative;
left: -20px;
top: -17px;
}
.star::after {
display: inline-block;
content: "";
width: 0;
height: 0;
border-right: 20px solid transparent;
border-top: 20px solid #ffc107;
border-left: 20px solid #ffc107;
transform: rotate(70deg);
position: relative;
left: -20px;
top: -37px;
}

上面的代碼中，我們使用了CSS的一些屬性來設置星星。我們首先創建了一個類名為“star”的元素，并設置了其為內聯塊級元素（inline-block），然后使用border屬性設置了它的三條邊框，將其通過transform屬性旋轉35度，并在其右側添加了適當的外邊距（margin-right）。然后，我們使用偽元素:before和:after分別創建了另外兩個三角形，并通過transform屬性分別將它們旋轉了70度和-70度。通過設置它們的left和top值，將它們分別定位到了星星的上方和下方。

我們可以在HTML文檔中直接使用這個類名來調用這個樣式。例如：

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

上面的代碼會在文檔中創建一個星星元素，非常簡單易用。

CSS可以幫助我們實現各種豐富、炫酷的效果，星星效果只是其中的一種。在實際使用中，我們可以組合使用多個CSS屬性，實現更加復雜的效果，從而創建出各種精美的網頁設計。