使用 CSS 實現(xiàn)按鈕的顯示與隱藏是網頁開發(fā)中非常常見的需求。通常情況下，我們使用鼠標點擊事件來控制按鈕的顯示與隱藏。下面，我們將演示如何通過 CSS 實現(xiàn)這一需求。 首先，我們需要在 HTML 中創(chuàng)建一個按鈕，并為其設置 id 屬性，如下所示：

點擊顯示

接下來，我們可以為該按鈕添加一個 CSS 樣式，讓其默認狀態(tài)下不顯示：

#button {
display: none;
}

接著，我們需要在 JavaScript 中為按鈕添加一個點擊事件，并為其設置一個函數(shù)來控制其顯示與隱藏。代碼如下：

document.getElementById("button").addEventListener("click", function() {
var elem = document.getElementById("button");
if (elem.style.display === "none") {
elem.style.display = "block";
elem.innerHTML = "點擊隱藏";
} else {
elem.style.display = "none";
elem.innerHTML = "點擊顯示";
}
});

在上面的代碼中，我們首先獲取到該按鈕的 DOM 元素，然后為其添加了一個點擊事件監(jiān)聽器。當按鈕被點擊時，該函數(shù)會檢查按鈕的顯示狀態(tài)，如果按鈕當前處于隱藏狀態(tài)，則將其顯示，并將按鈕的文本更改為“點擊隱藏”。反之，則將其隱藏，并將按鈕的文本更改為“點擊顯示”。 通過上面的代碼，我們就可以實現(xiàn)一個簡單的按鈕顯示與隱藏的功能了。需要注意的是，在實際應用中，我們可能需要根據(jù)具體的需求來調整樣式和代碼。