css怎么设置鼠标变背景

互联网 20-11-17

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怎么设置鼠标变背景的详细内容，更多内容请关注技术你好其它相关文章！

来源链接：

免责声明：
1.资讯内容不构成投资建议，投资者应独立决策并自行承担风险
2.本文版权归属原作所有，仅代表作者本人观点，不代表本站的观点或立场

标签： css