在網頁開發中,經常需要控制某些元素在頁面中顯示或隱藏。這時,我們可以使用CSS來設置元素的顯示和隱藏。
/* 隱藏元素 */ .display-none { display: none; } /* 顯示元素 */ .display-block { display: block; }
上述代碼中,我們定義了兩個CSS類:.display-none和.display-block。.display-none的display屬性值為none,表示該元素不會在頁面上顯示;而.display-block的display屬性值為block,表示該元素在頁面上正常顯示。
要將元素隱藏或顯示,我們只需要在HTML代碼中為該元素添加相應的CSS類即可。
<div class="display-none">這里是要隱藏的內容</div> <div class="display-block">這里是要顯示的內容</div>
上述代碼中,第一個<div>元素會被隱藏,不會在頁面上顯示;而第二個<div>元素會正常顯示。