首先给标签 设置一个背景图片
<p><p/>
p{
background: url("../../images/friend_icon_1.png");
} 这里写你自己路径的图片
接着 hover悬浮事件
p:hover
{
background: url("../../images/friend_icon_color_1.png"); 这里是悬浮要显示的图片，
}
其他就不啰嗦了 大概就这样
html ?鼠标悬浮切换图片
原文地址：https://www.cnblogs.com/syuyu/p/9735900.html