CSS background-position 属性 定位图片

.nav {
background:transparent url(images/y.gif) no-repeat scroll 0 0;
height:42px;
width:980px;
font-size:12px; list-style:none;
}
.nav ul{
paddg-left:4px;
}
.nav li{position:relative;float:left;}
.nav .page_item a{
height:42px;
le-height:35px;
display:le-block;
paddg-right:13px;
color:#000000;
outle:none; / for firefox 1.5 + /
hide-focus: expression(this.hideFocus=true); / for ie 5+ /
}
.nav .page_item a span{
display:le-block;
height:42px;
cursor:poter;
paddg:0px 0px 0px 12px;
}
.nav .page_item a:hover,.nav .current_page_item a{
background:url(images/x.gif) no-repeat right -90px;
}
.nav .page_item a:hover span, .nav .current_page_item a span{
color:#FFFFFF;
background:url(images/x.gif) no-repeat left -90px;
}

.nav {
background:transparent url(images/y.gif) no-repeat scroll 0 0;
height:42px;
width:980px;
font-size:12px; list-style:none;
}
.nav ul{
paddg-left:4px;
}
.nav li{position:relative;float:left;}
.nav .page_item a{
height:42px;
le-height:35px;
display:le-block;
paddg-right:13px;
color:#000000;
outle:none; / for firefox 1.5 + /
hide-focus: expression(this.hideFocus=true); / for ie 5+ /
}
.nav .page_item a span{
display:le-block;
height:42px;
cursor:poter;
paddg:0px 0px 0px 12px;
}
.nav .page_item a:hover,.nav .current_page_item a{
background:url(images/x.gif) no-repeat -30px -240px;
}
.nav .page_item a:hover span, .nav .current_page_item a span{
color:#FFFFFF;
background:url(images/x.gif) no-repeat left -240px;
}

<lk rel="stylesheet" href="3.css" type="text/css" media="screen" />




<div class="nav"><ul>
<li class="page_item page-item-649"><a href="https://.jb51./" title="首页文章"><span>首页文章</span></a></li>
<li class="page_item page-item-480"><a href="https://.jb51./about.htm" title=关于本站"><span>关于本站</span></a></li>
<li class="page_item page-item-481"><a href="https://.jb51./lks.htm" title="友情链接"><span>友情链接</span></a></li>
<li class="page_item page-item-482"><a href="https://.jb51./sitemap.htm" title="网站地图"><span>网站地图</span></a></li>
<li class="page_item page-item-491"><a href="https://.jb51./softs/dex.html" target="_blank" title="软件下载"><span>软件下载</span></a></li>
</ul></div>