CSS是構建網頁設計的基礎語言之一，可以創建各種樣式風格，其中，div是常用的html標簽之一。通過設置div的樣式屬性，在網頁中實現豐富的布局效果，可以在其中添加文字、圖片和其他元素。

div標簽盒子的大小、顏色、邊框和內邊距等都可以通過CSS進行設計，使得網頁看起來更加美觀和易于閱讀。而鼠標點擊事件是一種常見的交互效果，CSS也可以利用偽類選擇器實現鼠標點擊效果。

在CSS中，:active偽類可以應用于鼠標點擊事件的樣式設置。當用戶點擊鼠標左鍵并按下時（鼠標按下未松開），:active偽類將被激活，這時設置的樣式將會生效，待用戶釋放鼠標時，樣式也會消失。

/*樣式設置*/
div:active{
background-color: #FCA311;
border: 2px solid #14213D;
color: white;
}

在上面的代碼中，我們為div標簽添加了:active偽類，當用戶點擊時，背景顏色變成橙色，邊框變成深藍色，文字變成白色。這個樣式只在點擊時生效，可以給用戶更好的視覺體驗。

除了為div添加:active偽類外，假如你需要對div進行更復雜的交互動畫效果，可以使用JavaScript來實現。通過監聽鼠標事件，并根據用戶的操作對div的樣式進行修改，可以實現相應的交互效果。

總而言之，CSS在網頁設計中起著至關重要的作用，借助CSS強大的樣式特性和偽類選擇器，可以讓網頁呈現出更為美觀和生動的效果。而div的鼠標點擊效果，為網頁的交互效果增強了不少，用起來也十分簡單方便。