隱藏和顯示是網頁設計中常用的樣式效果，可以很好地控制元素的展示和隱藏。在CSS中，我們可以使用一些簡單的屬性來實現這些功能。

/* 隱藏元素 */
display: none;
/* 顯示元素 */
display: block;

使用display:none;屬性可以使元素完全隱藏，即使在HTML文檔中存在，也不會在頁面中顯示。而使用display:block;屬性可以讓元素以塊級元素的形式展示出來。

/* 隱藏圖片 */
img {
display: none;
}
/* 顯示圖片 */
img {
display: block;
}

除了使用display屬性外，我們還可以使用visibility屬性來控制元素的可見性。visibility:hidden;屬性可以隱藏元素，但元素的占用空間依然存在，而visibility:visible;屬性可以讓元素展示出來。

/* 隱藏文本 */
p {
visibility: hidden;
}
/* 顯示文本 */
p {
visibility: visible;
}

在實際應用中，我們可以根據需要使用這些屬性來完成元素的隱藏和顯示效果，從而達到更好的界面展示效果。