CSS是一種用來美化網頁的語言，它可以通過設置樣式來改變我們網頁上的文字、圖形等元素的顯示效果。在網頁設計中，點擊樣式也是一種常見的需求。點擊樣式可以為用戶提供一個視覺反饋，讓他們更清楚地了解當前頁面的狀態和操作。本文將介紹如何用CSS給點擊樣式。

button:focus {
outline: none;
}
button:active {
background-color: green;
color: white;
}

在以上代碼中，我們使用了:focus和:active偽類來分別為“焦點”和“激活”狀態下的按鈕設置樣式。:focus偽類表示一個元素在被點擊后獲得了焦點，:active偽類表示一個元素正在被點擊。我們可以利用這些偽類來為不同狀態下的按鈕設置不同的樣式，使用戶在點擊按鈕時能夠有一個視覺上的反饋。

在:focus偽類中，我們使用了outline屬性來去除按鈕邊框的默認樣式，在:active偽類中，我們則使用了background-color和color屬性來分別改變按鈕的背景色和文本顏色。通過這些樣式的設置，我們可以使用戶在點擊按鈕時看到按鈕被高亮的同時，也能夠清楚地知道按鈕的狀態，從而提高用戶體驗。

總之，用CSS給點擊樣式是網頁設計中不可或缺的一個環節。合理的點擊樣式不僅能夠為用戶提供良好的視覺反饋，也能夠提高用戶的操作效率。通過學習本文介紹的CSS代碼，希望讀者能夠更好地為自己的網頁設計添加點擊樣式。