CSS可以控制鼠標點擊時的樣式，包括鼠標按下和抬起的效果。下面我們來詳細了解一下。

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

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

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

當鼠標抬起時，也可以添加相應的效果。例如上述代碼中，抬起鼠標時會保持按下時的背景色、陰影效果，同樣也會向下移動4個像素。

總之，利用css控制鼠標按下和抬起的樣式，可以為網頁增加一些互動效果，讓用戶在操作時得到一些視覺上的反饋，提升用戶體驗。