今天我們來講一下怎樣用 CSS 來點擊顯示 div 元素。這個功能在網頁開發中是很常用的，特別是在創建交互式的頁面時。 首先，我們需要定義一個 div 元素，其中包含我們想要在點擊時顯示的內容。我們可以用一個 id 屬性來標識這個 div 元素，以方便在 CSS 中進行引用。

<div id="myDiv">
<p>這是我的 div 元素中的內容。</p>
</div>

接下來，我們需要用 CSS 來實現點擊顯示 div 的功能。我們可以使用 :hover 偽類來識別鼠標懸停在某個元素上的狀態，以及 :focus 偽類來標識某個元素被聚焦的狀態。在這個例子中，我們將用 :focus 偽類來顯示和隱藏 div 元素。我們用 display 屬性來實現這個功能，將其設置為 block 或 none。

#myDiv {
display: none;
}
#myDiv:focus {
display: block;
}

現在，我們已經完成了 CSS 的部分。但為了讓這個功能真正的生效，我們還需要為 div 元素添加一個聚焦的行為。我們可以在 div 元素上添加 tabindex 屬性，并將其設置為一個正整數，如 1。這樣，我們就可以通過按下 Tab 鍵來讓 div 元素聚焦。

<div id="myDiv" tabindex="1">
<p>這是我的 div 元素中的內容。</p>
</div>

現在，我們的代碼已經完整了。點擊這個 div 元素，就可以看到隱藏的內容被顯示出來了。這是一個非常簡單的示例，但是可以擴展和改進的地方非常多，比如添加動畫效果、將 div 元素的位置移動到指定的位置等等。希望這個簡單的例子可以給大家提供一些 CSS 的技巧和靈感。