css怎么设置鼠标变背景
发布时间：2025-07-24 点击：12
css设置鼠标变背景的方法：首先打开相应的前端代码文件；然后设置样式为“.logo-link {background-image:url(…);}.logo-link:hover,.logo-link:active {}”即可。
推荐：《css视频教程》
css代码实现鼠标移过更换背景图片
很多时候我们都能够看到，当我们用鼠标移过去的时候，指向的图片将会变成另外一个图片。下面我就将实现该功能的代码分享出来，希望能够帮助到大家。
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> new document </title> <meta name="generator" content="editplus" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> .logo-link {width:500px;height:500px;text-decoration:none;display:block;background-image:url(bj1.jpg);background-position:0px 0;background-repeat: no-repeat; } .logo-link:hover,.logo-link:active {background-position:0 0;background-image: url(bj2.jpg); } </style> </head> <body><a href="http://www.baidu.com" class="logo-link"></a> </body></html>
云储和云服务器的区别
流量不能访问新浪云服务器怎么办
怎样把文件上传到虚拟主机
服务器跟云端哪个好
这个域名现在不能备案了吗
中小企业福音！阿里云搅动万亿级企业服务市场！
网易洞见与凯德联合打造世界杯营销
网站建设应该如何布局
推荐：《css视频教程》
css代码实现鼠标移过更换背景图片
很多时候我们都能够看到，当我们用鼠标移过去的时候，指向的图片将会变成另外一个图片。下面我就将实现该功能的代码分享出来，希望能够帮助到大家。
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> new document </title> <meta name="generator" content="editplus" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> .logo-link {width:500px;height:500px;text-decoration:none;display:block;background-image:url(bj1.jpg);background-position:0px 0;background-repeat: no-repeat; } .logo-link:hover,.logo-link:active {background-position:0 0;background-image: url(bj2.jpg); } </style> </head> <body><a href="http://www.baidu.com" class="logo-link"></a> </body></html>
云储和云服务器的区别
流量不能访问新浪云服务器怎么办
怎样把文件上传到虚拟主机
服务器跟云端哪个好
这个域名现在不能备案了吗
中小企业福音！阿里云搅动万亿级企业服务市场！
网易洞见与凯德联合打造世界杯营销
网站建设应该如何布局
上一篇：云服务器ecs是
下一篇：现在云服务器哪家好用