當我們設計一個網頁時，常常會用到按鈕來進行交互。在實際使用過程中，選中的按鈕樣式顯得尤為重要，能夠增強用戶對操作的確認感，提高用戶體驗。下面我們將介紹一些關于按鈕CSS選中樣式的知識。

.btn{
background-color: #F5F7FA;
border-radius: 4px;
color: #333;
font-size: 14px;
padding: 10px 20px;
border: none;
}
.btn:focus{
box-shadow: 0 0 4px #73A4E4;
outline: none;
}
.btn:active{
background-color: #507AED;
color: #FFF;
}

代碼解析：

首先，我們定義了一個普通的按鈕樣式，包括背景顏色、圓角、字體顏色、大小、內邊距和邊框等屬性。當用戶點擊或通過Tab鍵選中按鈕時，會出現一個輪廓效果，這個效果可以通過:focus偽類實現。同時，我們也對這個輪廓做了一些定制，增加了box-shadow屬性，以使輪廓更加清晰顯眼。最后，我們定義了按鈕被按下時樣式的變化，即背景顏色和字體顏色的變化，在用戶點擊按鈕并按住不放的過程中表現出來。

總的來說，通過以上CSS樣式的定義，我們可以得到一個平時的普通按鈕，當用戶選中該按鈕時，可以出現一個較為顯眼的輪廓效果，同時在用戶點擊并按住該按鈕時，按鈕的樣式也會有相應變化，這種設計能夠提高用戶的操作體驗，加強用戶對當前操作的確認感和滿意度。