css怎么设置鼠标变背景

css设置鼠标变背景的方法:首先打开相应的前端代码文件;然后设置样式为“.logo-link {background-image:url(…);}.logo-link:hover,.logo-li

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>

关于作者: 宏图SEO小编

为您推荐

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注