CSS是前端開發中一個重要的語言，可以用來美化網頁中的元素。今天我們來探討如何使用CSS來實現鼠標點擊div變大的效果。

div {
width: 100px;  // 設置div的初始寬度
height: 100px;  // 設置div的初始高度
background: #ccc;  // 設置div的背景顏色
transition: all 0.5s;  // 設置過渡效果，讓div變化時有平滑的過渡
}
div:hover {
transform: scale(1.2);  // 鼠標懸停時，將div的大小放大至1.2倍
}

上述代碼中，我們首先使用CSS設置一個初始的div元素，包括寬度、高度和背景顏色。然后，我們使用CSS transition屬性來設置一個平滑的過渡效果，讓div變化時有更好的視覺效果。

接著，我們使用:hover偽類來實現當鼠標懸停在該元素上時的效果。在:hover偽類中，我們使用CSS transform屬性來進行控制，通過設置scale()函數，將div元素的大小放大至1.2倍。

這樣，當鼠標懸停在該元素上時，div元素就會有明顯的變大效果，從而增加了頁面的視覺效果，讓用戶更加容易地發現和操作。