CSS按鈕是Web開發中經常使用的元素之一，其可用于觸發特定的操作或進入特定的頁面。這里我們將討論如何使用CSS使按鈕在被點擊后進行顏色變換。

.btn{
background-color: #0070f3;
color: #fff;
border: none;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
}
.btn:focus,
.btn:active{
background-color: #0055e0;
}

首先，我們定義了一個基本的按鈕樣式，包括背景顏色、文本顏色、邊框、內邊距、邊框半徑和鼠標指針樣式。

然后使用CSS焦點偽類（:focus）和活動偽類（:active）對按鈕進行顏色變換。當按鈕被點擊或獲取當前焦點時，其背景顏色會變為 #0055e0（類似于一個深藍色），以提示用戶當前操作狀態。

注意：我們使用了:hover樣式表示當鼠標懸停在按鈕上時，其顏色并不發生變化。這是因為在移動設備上，懸停效果并不適用。因此，我們需要使用:focus和:active樣式來實現顏色變換。

以上便是CSS按鈕點擊變換顏色的簡介。通過簡單的CSS代碼調整，我們可以讓按鈕在不同狀態下呈現出不同的樣式，以增強用戶的交互體驗。