CSS按鈕是網絡界面設計中的常用元素之一。通過CSS，我們可以很容易地定義按鈕的樣式，包括大小、形狀、背景顏色、字體顏色、鼠標懸停效果等。其中，按下邊框效果是一種常見的按鈕交互方式，通過它可以增強用戶與頁面的互動體驗。

.btn {
border: 1px solid #ccc; /* 按鈕默認邊框 */
padding: 8px 16px; /* 按鈕內邊距 */
border-radius: 4px; /* 按鈕圓角 */
background-color: #fff; /* 按鈕背景顏色 */
color: #333; /* 按鈕字體顏色 */
transition: all 0.3s ease; /* 按鈕過渡效果 */
}
.btn:focus {
outline: none; /* 焦點狀態下去除默認邊框 */
}
.btn:active {
border-color: #f0f0f0; /* 激活狀態下邊框顏色 */
box-shadow: inset 0 2px 4px rgba(0,0,0,0.15); /* 激活狀態下內陰影 */
}

上述代碼是一個基礎的按鈕樣式定義，其中利用了CSS的偽類選擇器:focus和:active來實現焦點和激活狀態下的按鈕樣式調整。

其中，:focus選擇器用來去除按鈕在獲得焦點時的默認邊框，這是因為不同瀏覽器對于:focus的默認邊框樣式可能存在差異，而這種差異是我們不需要的。使用outline:none可以統一去除這個差異。

:active選擇器用來定義按鈕被用戶點擊時的樣式，包括邊框顏色和內陰影效果。內陰影效果是通過box-shadow屬性實現的，這個屬性值包含四個參數：橫向陰影距離、縱向陰影距離、陰影模糊半徑和陰影顏色。其中，橫向和縱向陰影距離越大，陰影越分散，模糊半徑越大，陰影越模糊。

通過上述代碼，我們可以很方便地定義一個美觀且交互效果良好的按鈕。但需要注意的是，CSS按鈕樣式的應用在不同的瀏覽器和設備上可能存在差異，需要進行兼容性處理。