css a为点击事件

CSS中，给a标签添加点击事件，可以通过以下步骤来实现：

a:hover {
  /* 鼠标悬停时的样式 */
}

a:active {
  /* 鼠标点击时的样式 */
}

a:focus {
  /* 获得焦点时的样式 */
}

其中，a:hover用于设置鼠标悬停时的样式；a:active用于设置鼠标点击时的样式；a:focus用于设置获得焦点时的样式。

例如，我们想要设置鼠标悬停时文字变色，鼠标点击时文字变粗体，获得焦点时添加下划线，可以按照以下代码来实现：

a:hover {
  color: red;
}

a:active {
  font-weight: bold;
}

a:focus {
  text-decoration: underline;
}

以上代码中，color属性用于设置文字颜色，font-weight属性用于设置字体粗细，text-decoration属性用于设置文字修饰，例如下划线。

在实际应用中，我们可以结合JavaScript来为a标签添加更复杂的点击事件，比如弹出窗口、跳转链接、发送请求等。但在纯CSS中，a:hover、a:active、a:focus已经能够满足大多数前端需求。