CSS 可以為網頁元素設置各種效果，其中包括設置點擊效果。在本文中，我們將學習如何使用 CSS 設置元素的點擊效果。

為了設置點擊效果，我們需要使用:active偽類。通過設置:active的樣式，我們可以在用戶點擊某個元素時改變其外觀。

下面是一個示例，演示如何使用 CSS 設置“點擊按鈕”的效果：

.button {
display: inline-block;
padding: 10px 20px;
background-color: #007bff;
color: #fff;
text-decoration: none;
border-radius: 5px;
}
.button:active {
background-color: #0069d9;
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2);
}

在上面的示例中，我們首先定義了一個名為“button”的類，用于表示我們要設置點擊效果的按鈕。按鈕具有一些基本的樣式，如背景顏色、字體顏色等等。我們還設置了border-radius，使按鈕邊緣呈現圓角效果。

接下來，我們使用:active偽類為按鈕定義了一個點擊后的效果。在這個效果中，我們改變了按鈕的背景顏色和陰影效果。具體而言，我們添加了一個box-shadow，在按鈕上部添加了一個白色的陰影，使按鈕看起來被按下。

通過使用這種類似的方法，我們可以為所有可以接受點擊的元素添加點擊效果。例如，我們可以為鏈接、輸入框和其他表單元素設置類似的點擊效果。