HTML怎么让图片超链接鼠标放上去的时候不动_随笔

html鼠标移动到超链接上时，显示图片的效果是通过一个鼠标的hover事件来实现的，不过实现的方式还是有很多的，具体我写个代码：

<html>

<head>

a:hover{

background:url('图片地址')

}

</head>

<body>

href=''>放到上面有图片出现</a>

</body>

</html>

1、需要使用a标签的伪类实现效果，具体方法首先用hbuilder软件新建一个html文件，里面写入5个a标签备用：

2、然后在上面的style标签中写入样式，分别设置a标签的两个伪类link和active的字体颜色一致，然后在设置字体的大小和下划线为none：

3、最后来到浏览器，可以看到5个a标签，当点击a标签的时候颜色也不会变化：

有一个属性叫cursor

例如给一个标签设置：

#example{

cursor:pointer

}

你试试看效果，后面的内容可以修改为你想要的。

补充：

那你给body设置啊。你试试看。

欢迎分享，转载请注明来源：内存溢出

HTML怎么让图片超链接鼠标放上去的时候不动