給商品評分是電商網站非常重要的一個功能。而使用星星來表示評分是一種比較普遍的做法。下面我們就來看一下如何使用CSS來實現這個效果。

.star {
display: inline-block;
width: 18px;
height: 18px;
margin-right: 8px;
background-image: url(star.png);
background-size: cover;
}
.star.filled {
background-position: 0 -18px;
}

以上是實現星星評分的CSS代碼。

首先我們創建一個名為.star的class，設置它為inline-block，然后設置寬度和高度。接著我們為它設置一張圖片作為背景，這里圖片的路徑是star.png。可以根據實際情況進行更改。background-size屬性可以保證圖片在背景中全部顯示。

接著我們創建一個名為.filled的class，用來表示已經被填充的星星。我們把背景圖片的位置向上移動18像素，這樣就可以顯示出灰色星星的上方黃色部分了。

在使用這些代碼時，我們可以把填充星星的數量與評分對應起來，例如如果有5個星星，分別設置5個元素為.star和1-5個元素為.filled即可。

總之，這種使用星星來表示商品評分的方式非常直觀易懂，而使用CSS實現也非常簡單。