<div>元素是HTML中最常用的標簽之一，它用于在網頁中創建一個容器，可以用來組織和布局其他HTML元素。除了可以用于布局，<div>元素還可以通過一些CSS屬性來隱藏，即不顯示在網頁中。本文將詳細介紹如何使用CSS來隱藏<div>元素。
在CSS中，通過設置display屬性來控制一個元素的顯示方式。一般情況下，<div>元素的display屬性的值為默認值"block"，它會在頁面中以塊級元素的形式顯示，占據一行。但是，我們可以通過設置display屬性的值為"none"，來隱藏一個<div>元素。當一個元素的display屬性的值為"none"時，該元素及它包含的所有內容都不會顯示在頁面中。
以下是幾個使用CSS隱藏<div>元素的代碼案例：
案例一：

<style>
.hidden-div {
display: none;
}
</style>
<div class="hidden-div">
這是一個被隱藏的<div>元素
</div>

在該案例中，我們定義了一個CSS選擇器".hidden-div"，并將display屬性的值設置為"none"。這個選擇器可以應用于任何<div>元素，并使它被隱藏。請注意，"hidden-div"只是一個示例類名，您可以根據需要修改為其他名稱。
案例二：

<style>
#hidden-div {
display: none;
}
</style>
<div id="hidden-div">
這是一個被隱藏的<div>元素
</div>

在該案例中，我們使用了id選擇器來選中一個特定的<div>元素，并將display屬性的值設置為"none"。與示例一不同的是，使用id選擇器可以使CSS規則僅適用于一個特定的元素，而不是所有具有相同類名的元素。
案例三：

<style>
.hidden-div {
visibility: hidden;
}
</style>
<div class="hidden-div">
這是一個被隱藏的<div>元素
</div>

在該案例中，我們將visibility屬性的值設置為"hidden"。與display屬性不同，當一個元素的visibility屬性的值為"hidden"時，該元素的空間仍然會在頁面中占據，只是內容不會顯示。這與使用display屬性的值"none"隱藏<div>元素有所不同。
通過上述案例，我們可以看到通過設置display屬性或visibility屬性，我們可以隱藏<div>元素。這些方法在實際的網頁開發中非常有用，可以根據需要控制元素的顯示與隱藏。