CSS定義星號打分功能是前端開發中非常常見和有用的技巧，可以給網站評分、評論和反饋等場景中增加一個直觀的星級評價。下面，我們就來了解一下如何實現這個功能。

//HTML代碼
<div class="rating">
<input type="radio" name="rating" value="1">
<input type="radio" name="rating" value="2">
<input type="radio" name="rating" value="3">
<input type="radio" name="rating" value="4">
<input type="radio" name="rating" value="5">
</div>
//CSS代碼
.rating {
display: inline-block;
font-size: 0;
/* 隱藏radio原有的圖標 */
}
.rating input[type="radio"] {
display: none;
}
.rating label {
display: inline-block;
font-size: 1.5rem;
color: #ccc;
cursor: pointer;
margin-right: .25rem;
}
.rating label:before {
content: '\2605';
/* 五角星的unicode碼 */
}
.rating input[type="radio"]:checked ~ label {
color: gold;
/* 選中后變為金色 */
}

從代碼可以看出，實現星號打分功能需要使用radio和label標簽。其中，radio用來實現選中不同的打分星級，label標簽的:before偽元素用來生成五角星，選中后改為金色。

此外，為了讓星級之間有合適的間隔，我們給label標簽增加了右邊距。為了防止出現radio原有的圖標，我們使用了display:none來隱藏它們。

通過CSS定義星號打分，可以很輕松地為網站添加一個現代化的評分功能，提高用戶體驗，增加互動性。