CSS非常強(qiáng)大，它可以讓網(wǎng)頁(yè)變得更加美觀和易于閱讀。其中一個(gè)常見(jiàn)的應(yīng)用就是顯示/隱藏表格。那么，如何使用CSS來(lái)實(shí)現(xiàn)這一功能呢？

//首先，我們要給表格設(shè)定一個(gè)id，比如“mytable”
#mytable {
display: none; //將表格設(shè)為不可見(jiàn)
}
//接下來(lái)，給一個(gè)按鈕設(shè)置一個(gè)onclick的方法
<button onclick="toggleTable()">顯示/隱藏表格</button>
//在JavaScript部分，定義toggleTable方法
function toggleTable() {
var x = document.getElementById("mytable"); //獲取表格的id
if (x.style.display === "none") {
x.style.display = "block"; //顯示表格
} else {
x.style.display = "none"; //隱藏表格
}
}

以上代碼是最簡(jiǎn)單的CSS顯示/隱藏表格的方法。當(dāng)我們點(diǎn)擊按鈕時(shí)，toggleTable函數(shù)會(huì)檢查表格的display屬性，如果是“none”，就將其改為“block”，使其可見(jiàn)；否則，將其改回“none”，使其不可見(jiàn)。

不過(guò)，你也可以通過(guò)其他方式來(lái)顯示/隱藏表格。比如，你可以使用CSS的visibility屬性，它可以隱藏元素但保留其占用的空間，從而不會(huì)影響頁(yè)面布局。具體操作方法如下：

//CSS部分
#mytable {
visibility: hidden; //設(shè)置表格為隱藏
}
//JavaScript部分
function toggleTable() {
var x = document.getElementById("mytable");
if (x.style.visibility === "hidden") {
x.style.visibility = "visible"; //顯示表格
} else {
x.style.visibility = "hidden"; //隱藏表格
}
}

以上就是使用CSS來(lái)顯示/隱藏表格的方法，你可以根據(jù)自己的需求選擇其中一種方式，讓頁(yè)面變得更加美觀和易于閱讀。