CSS實現DIV顯示和隱藏功能，是網頁設計中非常常見的操作。通常情況下，DIV默認都是顯示的，但如果需要隱藏DIV，實際上是非常簡單的。下面，我們將學習如何實現使用CSS實現DIV顯示和隱藏。

div{
display: none;
}

如上的代碼表示將所有的DIV元素的顯示屬性設置為“none”，也就是隱藏它們。不過，這并不能實現我們想要的效果，因為如果需要讓其顯示，還需要使用其他的CSS屬性。

div{
display: none;
}
div.show{
display: block;
}

如上的代碼中，我們在DIV的樣式表中新增了“show”的樣式。當需要顯示DIV時，只需為該DIV新增“show”樣式即可。

DIV1
DIV2

如上代碼中，我們舉了兩個例子。第一個DIV元素沒有綁定show屬性，所以默認不會被顯示。而第二個DIV元素則綁定了show屬性，所以會被顯示。