鼠标经过导航背景变化网页特效代码谁有？

来源：百度知道 编辑：UC知道 时间：2024/06/02 14:57:00
看到好多网站的导航条，鼠标经过时背景颜色就改变，不是图片变换，是背景，这种特效是怎么实现的？？请提供一下代码，多谢！！！

css:
#导航 {
background-image: url(../images/navbg_1.gif);
background-repeat: repeat-x;
height: 47px;
width: 960px;
position:absolute;
top:130px;
left:160px;
border-radius:5px;
}

#nav{
margin-left:-20px;
margin-top:15px;
}

#nav li{
float:left;
list-style-type:none;
}
#nav a{
color:#FFF;
text-align:center;
text-decoration:none;
font-weight: bold;
}

#nav_首页 {
position:absolute;
left:10px;
top:7px;
background-color:#CCC;
height:30px;
width:67px;
border-radius:3px;
text-align:center;
padding-top:5px;
}
#nav_waterpurifier a{
position:absolute;
left:100px;
top:7px;
width:119px;
height::30px;
text-align:center;
padding-top:5px;
}
#nav_waterpurifier a:hover{
background-color:#090;
width:119px;
height:30px;
border-radius:3px;