CSS按鈕點擊效果是我們網頁設計中經常使用的小細節，可以讓用戶在交互時獲得一種凹陷感的視覺體驗。下面我們就來介紹如何實現這種效果。

/* CSS代碼 */
.btn {
display: inline-block;
padding: 12px 28px;
font-size: 16px;
color: #fff;
background-color: #007bff;
border: none;
cursor: pointer;
transition: all 0.3s;
}
.btn:active {
transform: translateY(2px);
box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}

首先我們先定義按鈕的樣式，包括背景色、字體顏色、邊框等。然后在按鈕的偽類:active下，我們使用了transform屬性讓按鈕下移2px，同時添加了一個陰影，模擬出按鈕被按下的凹陷效果。

需要注意的是，由于我們使用了transform屬性，按鈕在被點擊后仍然保持下移的狀態，因此需要使用transition屬性使其回到原來的位置。

通過以上的CSS代碼，我們就能實現一種簡單的有凹陷感的按鈕點擊效果。在實際開發中可以根據需求對樣式進行調整和優化，讓效果更加出色。