CSS 按鈕按下事件是一個常見的網頁設計需求，它可以在用戶點擊按鈕時觸發特定的效果。在本文中，我們將使用 CSS 偽類來實現按鈕按下事件。

首先，我們需要為按鈕添加一個類名btn，并設置其樣式：

.btn {
display: inline-block;
padding: 10px 20px;
background-color: #4CAF50;
color: #fff;
text-align: center;
font-size: 16px;
border: none;
border-radius: 3px;
cursor: pointer;
}

接下來，我們要為按鈕的按下狀態設置樣式。在 CSS 中，可以使用:active偽類來實現此功能。當用戶按下按鈕時，按鈕將處于活動狀態，此時:active偽類將被激活。我們可以在樣式表末尾添加以下代碼來設置按下狀態的樣式：

.btn:active {
background-color: #3e8e41;
box-shadow: 0 2px #666;
transform: translateY(2px);
}

這段代碼將在按鈕按下時，將按鈕的背景顏色變為深綠色，添加一個略微偏下的投影效果，以及向下移動按鈕2像素來模擬按下的感覺。

最后，我們在 HTML 中添加一個按鈕，并為其添加btn類名：

<button class="btn">點擊我</button>

這樣，我們就成功地創建了一個帶有按下事件的 CSS 按鈕。您可以嘗試在頁面中使用該技術來增強網站的交互性。