CSS 多選框是一種常用于表單設計的元素，可以讓用戶在多個選項中選擇其一或多個。但是默認的多選框樣式通常比較簡單，很難與頁面的設計相協調。因此我們需要自定義多選框的樣式，并通過 CSS 來實現。

input[type=checkbox] {
display: none;
} 
input[type=checkbox] + label:before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
margin-right: 10px;
border: 1px solid #ccc;
border-radius: 4px;
}
input[type=checkbox]:checked + label:before {
background: #3274d6;
}
input[type=checkbox] + label {
display: inline-block;
vertical-align: middle;
}

上述代碼使用了偽元素和選擇器實現了多選框的自定義樣式。首先，我們將多選框的默認樣式隱藏掉，然后在 label 元素的前面添加一個偽元素作為選擇框。未被選擇的選擇框只是一個簡單的灰色邊框，而被選中的選擇框則有藍色背景。最后，我們將 label 元素的樣式設置為 inline-block，這樣它就可以跟其他表單元素及文字垂直對齊。

除了上面的代碼，我們還可以通過其他的 CSS 屬性和效果來進一步定制多選框的樣式。例如添加陰影、圓角等，或者是通過過渡效果實現動畫。總之，使用 CSS 自定義多選框的樣式可以使表單更加美觀和易于操作。