在網頁設計中，鼠標左鍵按下是常見的用戶操作之一。我們可以根據鼠標左鍵按下這個事件來實現一些視覺上的效果，而這些效果通常是由CSS代碼編寫而成。下面我們來看一些常見的鼠標左鍵按下對應的CSS效果。

/* 鼠標左鍵按下后背景色變化 */
button:active {
background-color: #4CAF50;
}
/* 鼠標左鍵按下后文字顏色變化 */
button:active {
color: #fff;
}
/* 鼠標左鍵按下后字體加粗 */
button:active {
font-weight: bold;
}
/* 鼠標左鍵按下后邊框顏色變化 */
button:active {
border-color: #000;
}
/* 鼠標左鍵按下后圖片變暗 */
img:active {
opacity: 0.8;
}

以上代碼實現了鼠標左鍵按下后某些元素的不同效果。當我們在CSS中使用:active選擇器時，表示當元素處于“激活狀態”（即被鼠標左鍵按下）時，應用所定義的CSS樣式。

總的來說，鼠標左鍵按下對應的CSS效果有很多種，而實現它們的方式也是多種多樣，需要根據具體情況來選擇使用哪種方式。希望本文能對大家了解鼠標左鍵按下對應的CSS效果有所幫助。