CSS是一種樣式表語言，它可以使網頁元素更加美觀和具有交互性。

復選框是一種常見的表單元素，它允許用戶選擇一個或多個選項。

在CSS中，您可以使用以下代碼樣式來修改復選框的外觀：

/* 去掉復選框默認的樣式 */
input[type=checkbox] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
outline: none;
}
/* 設置復選框自定義樣式 */
input[type=checkbox]::before {
content: "";
display: inline-block;
width: 14px;
height: 14px;
margin-right: 5px;
border: 1px solid #ccc;
border-radius: 3px;
background-color: #fff;
}
/* 當復選框選中時設置樣式 */
input[type=checkbox]:checked::before {
content: "\2713";
color: #fff;
background-color: #17a2b8;
}

可以看到，我們首先使用了appearance:none;去掉復選框默認的樣式，然后通過::before偽元素來設置我們自定義的樣式。我們給復選框設置了一個邊框，圓角和背景顏色，并且當選中時添加了一個對勾圖標和不同的背景顏色。

以上是CSS如何給復選框設置樣式的示例，您可以根據需要進行修改和定制，以達到您想要的效果。