CSS可以實現點擊隱藏和顯示，這對于網頁設計來說非常實用。使用CSS實現點擊隱藏和顯示的效果有很多方法，下面我們來看一些例子。

方法一：
html部分：
<div class="box">
<h3>Hello World!</h3>
<p>CSS是一門美妙的藝術，它可以讓網頁看起來更加美觀和舒適。</p>
</div>
CSS部分：
.box p {
display: none;  /*默認隱藏*/
}
.box:hover p {
display: block;  /*鼠標移入顯示*/
}

上面的代碼通過利用:hover偽類和display屬性實現了鼠標移入顯示div中的段落，移出后又隱藏。這種方式適合用于比較少的內容需要隱藏顯示的情況。

方法二：
html部分：
<button id="btn">顯示或隱藏內容</button>
<p id="content">這是待顯示的內容。</p>
CSS部分：
#content {
display: none; 
}
#btn:focus + #content {
display: block; 
}

上面的代碼通過利用:focus偽類和相鄰兄弟選擇器實現了點擊按鈕顯示或隱藏內容的效果。這種方式適合隱藏的內容很多的情況，點擊按鈕即可一次性全部顯示或隱藏。

方法三：
html部分：
<input type="checkbox" id="btn">
<label for="btn">顯示或隱藏內容</label>
<p id="content">這是待顯示的內容。</p>
CSS部分：
#content {
display: none; 
}
#btn:checked + #content {
display: block; 
}

上面的代碼通過利用:checked偽類和相鄰兄弟選擇器實現了點擊復選框顯示或隱藏內容的效果。這種方式適合隱藏的內容很多的情況，可以通過勾選或取消勾選復選框來顯示或隱藏內容。

總之，使用CSS實現點擊隱藏顯示的效果，可以讓網頁更加實用和美觀。