CSS復選框修改是一種常見的網頁美化技巧，可以讓網頁看起來更加美觀。

在HTML中，復選框的寫法如下：

<input type="checkbox" id="checkbox-id" name="checkbox-name" value="checkbox-value">
<label for="checkbox-id">復選框標簽</label>

通過CSS修改復選框的樣式，我們可以使用::before和::after偽元素來實現。

input[type="checkbox"] {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
width: 20px;
height: 20px;
border: 2px solid #ccc;
border-radius: 4px;
}
input[type="checkbox"]::before {
content: "\2714";
position: absolute;
top: -2px;
left: 3px;
font-size: 20px;
color: white;
visibility: hidden;
}
input[type="checkbox"]:checked::before {
visibility: visible;
}

上面的代碼中，我們給復選框設置了寬度和高度，并且使用border屬性來添加邊框樣式。::before偽元素用來表示被選中的復選框，我們通過content屬性來顯示“\2714”，它是Unicode十六進制字符編碼，表示打鉤的符號。我們將這個符號設置成白色，并在樣式中設置visibility:hidden，以便在復選框未被選中時不可見。當復選框被選中時，我們通過:checked偽類選擇器把visibility設置成visible。

通過上面的操作，我們就可以輕松地對復選框進行樣式修改，提升網頁的美觀程度。