CSS是網頁設計中最常用的樣式語言之一，它可以用來控制網頁的樣式、布局、交互等。在CSS中，我們可以通過一些技巧來實現一些看似復雜的交互效果，比如點擊展開div，今天我們就來通過CSS來實現這個效果。

點擊展開
這是要展開的內容。
.wrapper {
border: 1px solid #ccc;
padding: 10px;
cursor: pointer;
}
.title {
font-size: 16px;
font-weight: bold;
}
.content {
display: none; /* 初始狀態隱藏 */
}
.wrapper.active .content {
display: block; /* 點擊后顯示 */
}

我們首先需要有一個包裹div，然后里面有一個標題div和一個內容div。在CSS中，我們給wrapper div添加了一個鼠標指針，表示這是可以點擊的。然后給內容div設置display:none，表示一開始是隱藏的，當wrapper div被點擊后，再將其展開。

為了實現點擊展開功能，我們使用了CSS的偽類選擇器:active和相鄰后代選擇器。當wrapper div被點擊時，我們給它添加了一個.active的class，這時候我們就能夠使用.active .content來表示只有在wrapper被激活時才去展示內容div。

以上就是使用CSS實現點擊展開div的方法，它非常簡單，不需要借助JS等腳本語言，非常適合做一些輕量級的交互效果。希望這篇文章對你有所啟發。