在 CSS 中，我們可以使用 `select` 標簽來實現全選按鈕。`select` 標簽的 `type` 屬性可以設置為 `"選區"`，這將創建一個選擇框，用戶可以通過點擊選擇框中的元素來全選它們。

下面是一個使用 CSS 實現全選按鈕的例子：

```html

<select type="選區" id="myselect">

<option value="1">選擇第一個選項</option>

<option value="2">選擇第二個選項</option>

<option value="3">選擇第三個選項</option>

</select>

<button type="button" onclick="myFunction()">全選</button>

<script>

function myFunction() {

var select = document.getElementById("myselect");

select.type = "選區";

select.addEventListener("click", function() {

select.type = "text";

});

</script>

在上面的例子中，我們使用了 HTML 中的 `select` 標簽和 CSS 中的 `button` 標簽來實現全選按鈕。我們首先創建了一個 `select` 標簽，并設置了它的 `type` 屬性為 `"選區"`。然后，我們添加了一個 `button` 標簽，并設置了它的 `type` 屬性為 `"button"`，使其成為一個點擊事件觸發器。

在 `myFunction` 函數中，我們修改了 `select` 標簽的 `type` 屬性，將其設置為 `"text"`，從而使所選中的選項顯示為文本。當用戶點擊按鈕時，`select` 標簽的 `type` 屬性會被重新設置為 `"選區"`，選擇框中所有選項都會被選中。

這是一個簡單的例子，但它演示了如何使用 CSS 來實現一個簡單的全選按鈕。在實際開發中，您可以根據您的需要進行更多的定制和調整。