CSS被點擊狀態是指頁面中的元素在被用戶鼠標點擊后，它的樣式會發生改變。這是一個非常常見的交互效果，用來提升網站的用戶體驗。

CSS中有一個偽類叫做:active，當頁面元素被鼠標點擊時會被應用。可以通過設置這個偽類的樣式來改變被點擊元素的外觀。

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

在這個例子中，我們選擇了一個名為.btn的頁面元素，并定義了它在:active狀態時的樣式。當用戶點擊這個按鈕時，它的背景色將變成紅色。

:active偽類同樣可以被用來改變鏈接和表單元素的樣式。

/* 改變鏈接state */
a:active {
color: blue;
}
/* 改變元素狀態 */
input:active {
border: 2px solid green;
}

在CSS中使用:active偽類可以給用戶提供一種視覺反饋，告訴他們他們正在與頁面元素進行交互。這個交互效果可以讓你的網站更加引人注目，并幫助用戶確定點擊或者選擇了什么元素。