在網頁設計中，按鈕是一個很重要的組件，通過按鈕我們可以實現很多功能。而在按鈕的設計中，顏色是一個很重要的元素之一。在本文中，我們將介紹如何使用CSS實現按鈕的顏色點擊更換。
首先，我們需要在HTML中創建按鈕。按鈕通常使用button元素進行創建。例如：

<button class="btn">點擊我</button>

接下來，我們需要為按鈕添加樣式。我們可以使用CSS樣式表為按鈕添加樣式。例如：

.btn {
background-color: blue;
color: white;
font-size: 16px;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
}

這將為按鈕添加一些基本的樣式，如背景顏色、文本顏色、字體大小、內邊距、邊框、邊框圓角和光標樣式。
現在我們要添加按鈕點擊事件，通過點擊實現按鈕的顏色更換。為了實現點擊事件，我們可以使用JavaScript。但是，這里我們將使用CSS的:active偽類來實現。當按鈕被點擊時，:active偽類將觸發。例如：

.btn:active {
background-color: red;
}

當我們點擊按鈕時，按鈕的背景顏色將從藍色變為紅色。這是通過按鈕的:active偽類實現的。
在實現完按鈕點擊更換顏色后，你還可以添加一些其他的樣式，比如:hover偽類，當鼠標懸停在按鈕上時，按鈕將變為其它顏色等等。
綜上所述，我們可以通過使用CSS實現按鈕點擊更換顏色。這可以為我們的網站或應用程序提供更好的用戶體驗，使用戶更容易理解網頁或應用程序的功能。