HTML 網頁中的按鈕永遠是很重要的一部分，它可以通過 CSS 輕松地改變自己的外觀。常常我們還可以給其設置按下效果，這樣用戶在點擊按鈕時會給予一定的反饋，增強用戶體驗。下面是一段實現按鈕按下效果的 CSS 代碼，使用了偽類來完成。

button:active {
background-color: #4CAF50;
box-shadow: 0 5px #2C3E50;
transform: translateY(4px);
}

在上述代碼中，我們使用了偽類 `:active` 來選擇按鈕被按下的狀態(tài)。然后我們給按鈕設置了一個新的背景顏色，這里使用了綠色的 `#4CAF50`。然后我們使用了 `box-shadow` 屬性來給按鈕添加陰影。 最后一個屬性是 `transform`，將按鈕向下移動了 4 個像素。這是根據設計師的設計來調整的，不需要在所有按鈕上使用這個屬性，但它通常可以提高按鈕的整體外觀。 在實際應用中，你需要使用類似上述代碼的 CSS 的規(guī)則。你可以在所有按鈕上使用它，或者只在特定按鈕上使用。但始終要記住合理地依據設計師的設計來編寫代碼，以確保按鈕的完美外觀。