在网页设计中，往往需要添加点击效果，来提示用户当前选中的元素。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样式的光标。

以上是三种常见的控制点击效果的方法，可以根据实际情况选择合适的方式来实现交互效果。