css 鼠标经过切换图片 |css 鼠标放上去有个手

img:hover{
content:url('鼠标悬停时的图片地址');
}

让大家看看上面的代码。大家首先选择img元素，并为鼠标的悬停事件添加了一个:hover伪类选择器。接着使用content属性，将原始的图片地址替换成了鼠标悬停时的图片地址。

如果大家想要在鼠标经过时, 图片的大小也发生变化，大家可以给图片添加一个transition过渡属性，如下所示：

img{
width: 200px;
transition: width 0.5s ease-in-out;
}
img:hover{
content:url('鼠标悬停时的图片地址');
width: 250px;
}

这里大家在img选择器中设置了图片的初始宽度为200px，并添加了一个过渡效果，让宽度变化时有一个平滑的过渡效果。当鼠标悬停在图片上时，大家不仅更改了图片的内容，还增加了图片的宽度。

总的来说，使用CSS可以很容易地实现鼠标经过切换图片的效果。如果你想在你的网站上实现这个特效，只需要将上面的代码复制到你的CSS文件中并更改图片地址即可。