在Web開發中，按鈕是網頁中常見的交互元素之一。當用戶點擊按鈕時，我們可以使用CSS來給按鈕添加點擊狀態。下面就來介紹如何在CSS中設置按鈕的點擊狀態。 首先，在HTML中，我們需要創建一個按鈕元素。例如：

請點擊下面的按鈕：

點我

接著，在CSS中，我們可以使用:hover偽類來添加鼠標懸停狀態的樣式，例如：

button:hover {
background-color: #FFC0CB;
}

這將使按鈕在鼠標懸停時變成粉色。 而對于點擊狀態，我們可以使用:active偽類來添加樣式。例如：

button:active {
background-color: #800000;
}

這將使按鈕在被點擊時變成深紅色。 如果我們想要同時添加鼠標懸停狀態和點擊狀態的樣式，可以使用:focus偽類，例如：

button:hover,
button:focus,
button:active {
background-color: #FFC0CB;
}

這樣，按鈕不管被鼠標懸停、被點擊還是被鍵盤焦點選中，都會變成粉色。 除了改變背景顏色，我們還可以對文字顏色、邊框等進行點擊狀態的設置。例如：

button:active {
background-color: #800000;
color: #FFFFFF;
border: 2px solid #FFFFFF;
}

這將使按鈕在被點擊時背景變成深紅色、文字變成白色、邊框變成白色實線。 總之，CSS中設置按鈕的點擊狀態是很簡單的，只需要使用:hover、:active等偽類，便可以給按鈕添加不同的狀態樣式。