CSS可以控制鼠標(biāo)點(diǎn)擊時(shí)的樣式，包括鼠標(biāo)按下和抬起的效果。下面我們來詳細(xì)了解一下。

/* 鼠標(biāo)按下時(shí)的樣式 */
button:active {
background-color: #4CAF50;
box-shadow: 0 5px #666;
transform: translateY(4px);
}
/* 鼠標(biāo)抬起時(shí)的樣式 */
button:active {
background-color: #4CAF50;
box-shadow: 0 5px #666;
transform: translateY(4px);
}

以上代碼是定義了鼠標(biāo)按下和抬起的樣式效果，其中“button”可以替換成其他標(biāo)簽或類名等選擇器。

當(dāng)鼠標(biāo)按下時(shí)，“:active”選擇器被觸發(fā)，此時(shí)可以給元素添加背景色、陰影以及移動(dòng)位置等效果。例如上述代碼中的背景色為綠色，向下移動(dòng)了4個(gè)像素。

當(dāng)鼠標(biāo)抬起時(shí)，也可以添加相應(yīng)的效果。例如上述代碼中，抬起鼠標(biāo)時(shí)會(huì)保持按下時(shí)的背景色、陰影效果，同樣也會(huì)向下移動(dòng)4個(gè)像素。

總之，利用css控制鼠標(biāo)按下和抬起的樣式，可以為網(wǎng)頁(yè)增加一些互動(dòng)效果，讓用戶在操作時(shí)得到一些視覺上的反饋，提升用戶體驗(yàn)。