css点击的瞬间变色 |css样式如何使用

代码示例：
/*鼠标悬浮效果*/
a:hover{
color: #FF0000;
}
/*鼠标点击效果*/
a:active{
color: #0000FF;
}

CSS中的:hover和:active这两个伪类选择器可以实现点击瞬间变色的效果。

:hover伪类选择器用于鼠标悬浮在元素上时改变元素的样式，可以用来实现鼠标悬浮时的颜色变化。

而:active伪类选择器用于鼠标点击元素时改变元素的样式，可以用来实现元素在点击瞬间发生颜色变化的效果。

以上代码示例中的a标签，在鼠标悬浮时字体颜色为红色，而当被点击时字体颜色则变成了蓝色。

这种点击瞬间变色的效果通常可以用于按钮、链接等元素上，使得用户在点击时可以有视觉上的反馈。同时，也让页面更加生动有趣。