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怎么设置鼠标变背景的详细内容。