CSS中的按鈕點擊效果是網(wǎng)頁設(shè)計中非常重要的一部分，它可以讓網(wǎng)頁看起來更加美觀、交互性更強。下面將介紹如何通過CSS來實現(xiàn)按鈕點擊的效果。

/* 為按鈕設(shè)置背景顏色 */
button {
background-color: #4CAF50;
color: white;
padding: 10px 20px;
border: none;
cursor: pointer;
}
/* 鼠標(biāo)懸停效果 */
button:hover {
background-color: #3e8e41;
}
/* 鼠標(biāo)按下效果 */
button:active {
background-color: #1e5323;
}

以上代碼中，我們首先為按鈕設(shè)置了默認(rèn)的背景顏色、文本顏色、內(nèi)邊距、邊框以及指針樣式。在鼠標(biāo)懸停按鈕上時，通過:hover選擇器實現(xiàn)了鼠標(biāo)懸停的效果，將按鈕的背景顏色改為了#3e8e41。當(dāng)鼠標(biāo)在按鈕上按下時，通過:active選擇器實現(xiàn)了鼠標(biāo)按下效果，將按鈕的背景顏色改為#1e5323。

通過以上的CSS代碼，我們成功實現(xiàn)了按鈕的點擊效果，使得網(wǎng)頁的交互性得到了加強。