CSS樣式多選框是一種常見的用戶界面控件，常被用于網頁表單中的多選選項。在HTML中，多選框使用<input>標簽來定義，而CSS樣式多選框則是通過CSS樣式表來定義的。下面是一個使用CSS樣式多選框的例子：

<div class="multi-select">
<input type="checkbox" id="option1" name="options" value="1">
<label for="option1">選項1</label>
<input type="checkbox" id="option2" name="options" value="2">
<label for="option2">選項2</label>
<input type="checkbox" id="option3" name="options" value="3">
<label for="option3">選項3</label>
</div>
.multi-select input[type="checkbox"] {
display: none;
}
.multi-select label {
display: inline-block;
padding: 5px 10px;
font-size: 16px;
font-weight: bold;
color: #333;
background-color: #ddd;
border-radius: 5px;
}
.multi-select input[type="checkbox"]:checked + label {
background-color: #66ccff;
color: #fff;
}

在上面的例子中，我們首先創建了一個<div>元素，并給其添加了class屬性為"multi-select"。然后，我們在該元素內部創建三個<input>元素，并將它們的type屬性設置為"checkbox"，name屬性設置為"options"，value屬性分別設置為1、2、3。接著，我們在每個<input>元素后面添加了一個<label>元素，用于顯示選項的名稱。每個<label>元素的for屬性都與對應的<input>元素的id屬性相同，用于將<label>元素與<input>元素關聯起來。

接下來，我們使用CSS樣式表來定義多選框的樣式。首先，我們將所有<input>元素的display屬性設置為"none"，這樣它們就不會在頁面上顯示出來。然后，我們為每個<label>元素設置了一些基本樣式，如字體大小、顏色、背景顏色、邊框等。最后，我們使用CSS偽類選擇器:checked來選中已經選中的<input>元素，并為其對應的<label>元素設置了另外一組樣式，這些樣式將被應用于已經選中的選項上。

通過使用CSS樣式多選框，我們可以為多選框控件添加更加靈活、漂亮的樣式，以提高用戶界面的友好度和用戶體驗。但是需要注意的是，在使用CSS樣式多選框時，我們需要確保其可用性和可訪問性，避免一些常見的問題，如屏幕閱讀器無法讀取多選框的選項等。