CSS是現代網頁設計中最重要的工具之一，它允許我們通過控制視覺樣式將HTML元素呈現出最佳效果。而如何通過CSS來處理元素的點擊事件也是我們需要掌握的技能之一，接下來我們會講述如何在div元素中添加點擊事件。

<style>
.box {
width: 200px;
height: 200px;
background-color: #f6c;
text-align: center;
line-height: 200px;
font-size: 30px;
color: #fff;
border-radius: 5px;
cursor: pointer;
}
.box:hover {
background-color: #fcb;
}
</style>
<div class="box">
點擊我味蕾大開
</div>

在上面的代碼中，我們首先創建了一個class為“box”的div元素，它的樣式設置包括寬度、高度、背景顏色、文本對齊方式、字號、文本顏色、圓角半徑和鼠標指針的形狀。

接下來，我們通過:hover偽類定義了當鼠標懸停在該元素上時的樣式變化，這樣當用戶將鼠標懸停在div上時，其背景顏色將從黃色變為橙色。

最后，我們為這個div元素添加了一個“click”事件的監聽器，也就是當用戶單擊該元素時會執行一段腳本，這里的腳本僅僅是將一個提醒框彈出并顯示“味蕾大開”這句話。

<script>
document.querySelector('.box').addEventListener('click', function() {
alert('味蕾大開');
});
</script>

現在，當用戶在瀏覽器中單擊那個div元素時，就會彈出一個類似于以下這樣的提示框：

---------------------------
|         味蕾大開         |
---------------------------
|      OK       |   CANCEL |
---------------------------

注意：以上代碼僅僅是為了演示如何在div元素中添加點擊事件，有實際意義的場景中，我們需要根據需要編寫不同的腳本邏輯。