html部分:
<
html部分:
CSS部分:
.head{
padding-top:0px;
background:url(../images/IndexNav.png) center top no-repeat;
height:74px;
width:100%;}
.nav{
width:950px;
height:74px;
overflow:hidden;
margin:0 auto;}
.nav ul{
list-style-type:none;
height:74px;
}
.nav li{
margin-right:10px;
padding-right:-2px;
float:right;}
.nav1 a{
width:105px;
height:74px;
display:block;
background:url(../images/IndexNavBtn.png) no-repeat -570px -10px;
}
.nav1 a:link{
width:105px;
height:74px;
display:block;
background:url(../images/IndexNavBtn.png) no-repeat -570px -10px;}
.nav1 a:hover{
background:url(../images/IndexNavBtn_.png) no-repeat -570px -10px;}
.nav2 a{
width:105px;
height:74px;
display:block;
background:url(../images/IndexNavBtn.png) no-repeat -460px -10px;}
.nav2 a:link{
width:105px;
height:74px;
display:block;
background:url(../images/IndexNavBtn.png) no-repeat -460px -10px;}
.nav2 a:hover{
background:url(../images/IndexNavBtn_.png) no-repeat -460px -10px;}
.nav3 a{
width:105px;
height:74px;
display:block;
background:url(../images/IndexNavBtn.png) no-repeat -350px -10px;}
.nav3 a:link{
width:105px;
height:74px;
display:block;
background:url(../images/IndexNavBtn.png) no-repeat -350px -10px;}
.nav3 a:hover{
background:url(../images/IndexNavBtn_.png) no-repeat -350px -10px;}
.nav4 a{
width:105px;
height:74px;
display:block;
background:url(../images/IndexNavBtn.png) no-repeat -240px -10px;}
.nav4 a:link{
width:105px;
height:74px;
display:block;
background:url(../images/IndexNavBtn.png) no-repeat -240px -10px;}
.nav4 a:hover{
background:url(../images/IndexNavBtn_.png) no-repeat -240px -10px;}
.nav5 a{
width:105px;
height:74px;
display:block;
background:url(../images/IndexNavBtn.png) no-repeat -130px -10px;}
.nav5 a:link{
width:105px;
height:74px;
display:block;
background:url(../images/IndexNavBtn.png) no-repeat -130px -10px;}
.nav5 a:hover{
background:url(../images/IndexNavBtn_.png) no-repeat -130px -10px;}
.nav6 a{
width:105px;
height:74px;
display:block;
background:url(../images/IndexNavBtn.png) no-repeat -20px -10px;}
.nav6 a:link{
width:105px;
height:74px;
display:block;
background:url(../images/IndexNavBtn.png) no-repeat -20px -10px;}
.nav6 a:hover{
background:url(../images/IndexNavBtn_.png) no-repeat -20px -10px;}
效果如图:
展开
全部