CSS可以通過點擊實現顯示和隱藏元素的效果。通過使用偽類選擇器和display屬性，可以輕松達到這個效果。
示例代碼：
<!DOCTYPE html>
<html>
<head>
<style>
.hide {
display: none;
}
.content:hover .hide {
display: block;
}
</style>
</head>
<body>
<div class="content">
<p>這是一段可見的文本。</p>
<p class="hide">這是一段隱藏的文本。</p>
</div>
</body>
</html>在這個例子中，我們首先將隱藏元素的display屬性設置為none，這樣它就不會顯示在頁面上。然后，我們使用偽類選擇器:hover來選中包含元素的父元素，這樣當鼠標移到父元素上時，隱藏元素的display屬性就會變為block，從而顯示在頁面上。
這種技術可以應用于很多場景，例如制作展開收起的面板、顯示詳細信息等等。用CSS實現這些效果可以避免使用JavaScript，也可以提高頁面的性能。