1122

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;

}

微

微信

微信滑

微信滑动

微信滑动门