CSS按鈕按下效果是網頁設計中很重要的一部分，能夠為所設計的網站增添更多的視覺體驗和交互性。下面將介紹添加CSS按鈕按下效果的方法。

/*按鈕樣式*/
.btn {
display: inline-block;
padding: 10px 20px;
border: none;
background-color: #007bff;
color: #fff;
font-size: 18px;
}
/*按鈕按下效果*/
.btn:active {
transform: translateY(2px);
filter: brightness(85%);
}

首先是CSS按鈕樣式，這里以最基礎的一種為例。其中，.btn為按鈕的類名，設定display為inline-block可以讓按鈕長度隨內容自適應。padding屬性設置按鈕的內邊距，border:none為無邊框，background-color和color為按鈕的背景色和字體顏色，font-size為字體大小。

接下來是按鈕按下效果的CSS代碼，即.active狀態。:active選擇器表示當元素被點擊時產生的狀態，也就是按鈕被按下的狀態。在代碼中，使用了transform: translateY(2px)，使按鈕在被按下時向下移動2px，給人一種有彈性的感覺。同時，使用filter: brightness(85%)可以降低按鈕的亮度，使整體效果更柔和。

通過以上CSS代碼的添加，就可以在網站設計中為按鈕增加按下效果，提高網站的用戶體驗和交互性，讓網站更具有吸引力。