CSS 彈出多選框是一種常見的用戶交互方式，可以讓用戶在選擇多個選項時更加方便和快捷。本文將介紹如何使用 CSS 和 HTML 實現一個簡單的彈出多選框。

首先，在 HTML 中創建一個按鈕和一個隱藏的多選框：

選擇選項
選項1選項2選項3

接下來，使用 CSS 將多選框隱藏，并設置按鈕的樣式：

.checkboxes {
display: none;
}
.btn {
padding: 10px 20px;
background-color: #33A0FF;
color: white;
cursor: pointer;
}
.btn:hover {
background-color: #007FFF;
}

最后，使用 jQuery 為按鈕添加點擊事件，使得點擊按鈕時多選框彈出：

$(document).ready(function() {
$('.btn').click(function() {
$('.checkboxes').slideToggle();
});
});

完整的代碼：

選擇選項
選項1選項2選項3

以上代碼將創建一個簡單的彈出多選框，并展示了如何使用 CSS 和 jQuery 實現這一效果。