CSS 的星星評價頁面是一種很常見的網站評分方式，讓用戶可以方便地表達自己對網站的滿意度。下面我們就來探討一下如何使用 CSS 來實現這種評分效果。

/* CSS 代碼 */
.star-rating {
display: inline-block;
font-size: 0;
position: relative;
overflow: hidden;
color: #f3d25c;
text-shadow: 1px 1px 1px rgba(0,0,0,.2);
}
.star-rating:before {
content: '★★★★★';
font-size: 24px;
}
.star-rating:after {
content: '★★★★★';
position: absolute;
top: 0;
left: 0;
overflow: hidden;
color: #ffc107;
text-shadow: 1px 1px 1px rgba(0,0,0,.2);
width: 0;
}
.star-rating:hover:after,
.star-rating:focus:after,
.star-rating.active:after {
width: 100%;
}
.star-rating:hover:before,
.star-rating:focus:before,
.star-rating.active:before {
color: #ffd700;
}
.star-rating:active:before,
.star-rating.active:before {
color: #f3d25c;
}

使用上面的 CSS 代碼，我們可以實現一個五顆星的評分效果。具體的實現方式是在一個.star-rating的容器元素里，通過偽元素來顯示評分的星星，然后通過:hover:focus和.active等狀態來動態地改變星星的樣式。

上面的代碼雖然是用的是字體圖標的方式來顯示星星，但實際上還有很多其他的實現方式，比如使用背景圖片、使用 SVG 圖標、使用 Unicode 編碼等等，各位可以根據實際情況來選擇適合自己的方式。

總的來說，CSS 的星星評價頁面是一種很簡單、實用的評分方式，希望本文的介紹能夠對大家有所幫助。