復選按鈕是網頁設計中經常使用的一個控件，而設置它的樣式則是使網頁更加美觀的重要一環。下面，我們來看看如何使用 CSS 來設置復選按鈕的樣式。

首先，我們需要明確一點，復選按鈕是由 input 元素實現的，因此我們需要對 input 標簽進行樣式的設定。具體來說，我們需要通過偽類來控制復選按鈕的樣式，下面是一段示例代碼：

input[type="checkbox"] {
/* 自定義復選按鈕的外觀 */
width: 20px;
height: 20px;
border: 1px solid #ccc;
border-radius: 5px;
cursor: pointer;
}
/* 控制復選按鈕勾選狀態的樣式 */
input[type="checkbox"]:checked::before {
content: "\2714";
display: block;
text-align: center;
line-height: 20px;
font-size: 14px;
color: #fff;
background-color: #4CAF50;
border-radius: 5px;
}

上述代碼中，我們通過設置 input[type="checkbox"] 的樣式來設定復選按鈕的基本外觀：包括寬、高、邊框等等。然后，我們使用偽類來控制復選按鈕在勾選狀態下的樣式，通過 ::before 偽元素來添加一個勾選圖標，并對其設定顏色、背景等屬性。

總之，使用 CSS 對復選按鈕進行美化是一個非常簡單而且實用的技巧。只要我們對 input 元素的樣式進行適當設定，并運用偽類控制其狀態，我們就能輕松地實現一個漂亮的復選按鈕，讓網頁更加生動和美觀。