CSS如何顯示隱藏div CSS是Cascading Style Sheets的縮寫，可以控制網頁的樣式和外觀。其中有一個重要的功能是展示和隱藏HTML元素，如div。本篇文章將介紹如何使用CSS來實現顯示和隱藏div。

首先，我們需要創建一個HTML文件，其中包含一個要隱藏的div元素。

<div id="myDiv">
<p>Hello world!</p>
</div>

以上代碼創建了一個id為“myDiv”的div元素，并且包含了一個Hello world!的段落。

接下來，我們可以使用CSS來實現對這個div元素的顯示和隱藏。我們可以通過設置CSS屬性display的值來實現。

#myDiv {
display: none;
}

以上CSS代碼將設置id為“myDiv”的div元素的display屬性為none。這樣，該元素就被隱藏了。

如果我們希望再次顯示該元素，可以將display屬性的值設置為block或inline。例如：

#myDiv {
display: block;
}

以上CSS代碼將設置id為“myDiv”的div元素的display屬性為block。這樣，該元素就被顯示了。

除了display屬性之外，還有其他CSS屬性可以用來實現元素的顯示和隱藏，如visibility屬性和opacity屬性。

綜上所述，使用CSS來顯示和隱藏div元素非常簡單。我們只需要設置相應的CSS屬性即可。通過這種方法，我們可以方便地控制網頁元素的外觀和行為。