CSS是一種非常常用的網(wǎng)頁樣式語言。其中，復(fù)選框是一個很實用的組件，下面就讓我們一起來學(xué)習(xí)如何使用CSS來美化復(fù)選框。

首先，在HTML中創(chuàng)建一個復(fù)選框：

<input type="checkbox" id="example">
<label for="example">示例</label>

現(xiàn)在，我們可以使用CSS來修改這個復(fù)選框的外觀。首先，讓我們隱藏原本的復(fù)選框，只保留標(biāo)簽。我們可以使用下面的代碼：

input[type="checkbox"] {
display: none;
}

現(xiàn)在，我們可以使用自定義的圖標(biāo)或者其他樣式來代替原本的復(fù)選框。例如，我們可以使用一個圓形的圖標(biāo)代表選中狀態(tài)，使用一個空心的圓形代表未選中狀態(tài)，如下：

input[type="checkbox"] + label:before {
content: '\2714'; /* 選中 */
}
input[type="checkbox"]:not(:checked) + label:before {
content: '\25CB'; /* 未選中 */
}

現(xiàn)在，我們就完成了復(fù)選框的美化。完整的代碼如下：

input[type="checkbox"] {
display: none;
}
input[type="checkbox"] + label:before {
content: '\2714'; /* 選中 */
}
input[type="checkbox"]:not(:checked) + label:before {
content: '\25CB'; /* 未選中 */
}

以上是CSS如何美化復(fù)選框的簡單介紹，希望能對大家有所幫助。