CSS中實現顯示和隱藏是網頁開發中常用的技術之一，它能夠讓我們更好地控制頁面的呈現和交互效果。

其中，display屬性是實現顯示和隱藏的重要屬性之一。下面我們來看一下display屬性的使用方法和實現效果。

/* 定義一個類名為hidden，設置display為none */
.hidden {
display: none;
}

上面的代碼中，我們通過定義一個類名為hidden，并設置display屬性為none來實現元素的隱藏。這里的none取值表示元素既不顯示，也不占用空間。

/* 定義一個類名為visible，設置display為block */
.visible {
display: block;
}

如果我們想要元素再次顯示出來，就可以通過改變display屬性來達到目的。下面我們定義一個類名為visible，并設置display屬性為block。這里的block取值表示元素將塊級元素的特點展示出來。

/* 定義一個類名為invisible，設置display為hidden */
.invisible {
visibility: hidden;
}

除了上文介紹的none和block之外，還有一種取值為hidden。這個取值和none有些類似，不同之處在于它不會改變元素所占用的空間。下面我們定義一個類名為invisible，并設置visibility屬性為hidden，來實現元素的隱藏。

以上便是CSS中實現顯示和隱藏的方法，可以根據實際需求來選擇適合的屬性取值進行調用。