CSS是前端開發(fā)中不可或缺的一部分，能夠?qū)崿F(xiàn)頁面元素的樣式、布局、交互等。在按鈕被點擊的交互效果中，CSS也起到重要的作用。

/* 定義按鈕的默認(rèn)樣式 */
.btn {
width: 100px;
height: 30px;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 5px;
text-align: center;
line-height: 30px;
cursor: pointer;
}
/* 定義按鈕被點擊時的樣式 */
.btn:active {
background-color: #dcdcdc;
border: 1px solid #bbb;
}

在上述代碼中，我們使用了偽類:active來定義按鈕被點擊時的樣式。當(dāng)用戶點擊按鈕時，它的樣式會發(fā)生變化，背景色和邊框也會發(fā)生改變。

同時還可以使用其他CSS屬性來實現(xiàn)更具體的按鈕點擊效果，例如box-shadow、transform、transition等。這些效果可以在:hover、:focus、:active等偽類中使用，實現(xiàn)更加生動的視覺效果。