在網頁設計中，往往需要添加點擊效果，來提示用戶當前選中的元素。CSS提供了多種方式來控制點擊效果，下面就來看一下常見的方法。

1.:hover偽類

.hover-effect:hover {
background-color: #f5f5f5;
}

使用:hover偽類，可以在鼠標移動到元素上時改變元素的樣式。以上代碼指定了鼠標懸停在含有.hover-effect類的元素上時，將其背景色改為#f5f5f5。

2.:active偽類

.active-effect:active {
outline: none;
box-shadow: none;
}

使用:active偽類，可以在點擊元素時改變元素的樣式。以上代碼指定了當鼠標點擊含有.active-effect類的元素時，將其outline和box-shadow屬性清空。

3.pointer-events屬性

.disabled {
pointer-events: none;
opacity: 0.5;
cursor: not-allowed;
}

pointer-events屬性可以控制元素是否能夠被點擊。以上代碼指定了含有.disabled類的元素不可被點擊，同時將其透明度降至0.5，鼠標懸停時會顯示not-allowed樣式的光標。

以上是三種常見的控制點擊效果的方法，可以根據實際情況選擇合適的方式來實現交互效果。