css代码 鼠标按下 |鼠标放到图片上图片浮动css代码

在CSS中，大家可以使用:hover伪类来实现当鼠标悬停在某个元素上时的效果。但是，如果大家想要在鼠标按下的时候实现某个效果，该怎么做呢？ 答案就是使用:active伪类。:active伪类可以在用户按下鼠标按钮时为元素添加样式。比如，大家可以使用以下代码来实现当用户按下某个按钮时，文本颜色变为红色： pre { background-color: #f4f4f4; border: 1px solid #ddd; padding: 10px; } p:active { color: red; } 在这段代码中，大家首先为pre标签定义了一些样式，使其具有背景色、边框和内边距。接着，大家使用p:active选择器为所有被点击的p标签设置了红色文本颜色。 需要注意的是，:active伪类只在被点击的瞬间生效，当用户松开鼠标按钮时，样式就会消失。因此，如果想要保持某个状态，需要使用其他方法来实现，比如JavaScript。 总的来说，使用:active伪类可以为用户提供更好的交互体验，使网页更加生动有趣。