background-position怎么设置啊，我设置为0 30px和0 -30px效果一样啊？
我设置为0 30px和0 -30px效果一样啊？
2 回答
我的代码中设置background-position不起作用不知道为什么 你的可以么？
这是我的代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>普通分页页码的制作</title>
<style>
#page-normal a,#page-normal .prev,#page-normal .current,.ellipsis{
border-radius:8px;
padding: 5px 7px;
margin-left: 10px;
font-size: 18px;
}
#page-normal{
color:#ff6600 ;
text-align: center;
font-size: 0px;
}
#page-normal a{
border: 1px solid #ff6600;
text-decoration: none;
color:#ff6600 ;
}
#page-normal a:hover{
border: 1px solid #ff6500;
color: #ff6500;
background: #ffbe94;
}
#page-normal .prev{
border: 1px solid #ffe3c6;
color: #ffe3c6;
}
#page-normal .current{
border: 1px solid #ff6500;
color: #ff6500;
background: #ffbe94;
}
#page-normal .ellipsis{
border: 1px #ff6600;
}
#page-normal i{
display: inline-block;
width: 5px;
height: 9px;
background :url("images/jiantou.gif") ;
}
.prev i{
background-position: -67px -608px ;
}
.next i{
background-position: -74px -608px ;
}
</style>
</head>
<body>
<div id="page-normal">
<span class="prev"><i></i>上一页</span>
<span class="current">1</span>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
<a href="#">6</a>
<spanc class="ellipsis">...</spanc>
<a href="#">199</a>
<a href="#">200</a>
<a href="#" class="next"><i></i>下一页</a>
</div>
</body>
</html>举报
0/150
提交
取消
