02-微信滑动门导航
* {
margin:0;
padding:0;
}
ul {
list-style:none;
}
body {
background:url(wx.jpg)repeat-x;
}
.nav {
height:75px;
}
.nav li {
float:left;
margin-right:10px;
line-height:75px;
}
.nav li a {
display:inline-block;
line-height:75px;
padding-left:15px;
background:url(to.png)no-repeat left;
color:white;
}
.nav li span {
display:inline-block;
line-height:75px;
background:url(to.png)no-repeat right;
padding-right:15px;
}
.nav li a:hover {
background:url(ao.png)no-repeat left;
}
.nav li a:hover span {
background:url(ao.png)no-repeat right;
}
