如下代码，纯手打，和你的一模一样，望采纳：
<style>.pagebox a{
padding:5px 11px
border:1px solid #CE0000
font-size:12px
background-color:#FFF
color:#444
text-decoration:none
}
.pagebox .pageon{
background-color:#CE0000
color:#FFF
}
</style>
<script>
function Cmd(v){
var link = document.getElementById("pagebox").getElementsByTagName("a")
for(var i = 0 i < link.length i++){
link[i].className = ""
}
v.className = "pageon"
}
</script>
<div class="pagebox" id="pagebox">
<a href="javascript:void(0)" onclick="Cmd(this)" class="pageon">首页</a>
<a href="javascript:void(0)" onclick="Cmd(this)">1</a>
<a href="javascript:void(0)" onclick="Cmd(this)">2</a>
<a href="javascript:void(0)" onclick="Cmd(this)">3</a>
<a href="javascript:void(0)" onclick="Cmd(this)">4</a>
<a href="javascript:void(0)" onclick="Cmd(this)">5</a>
<a href="javascript:void(0)" onclick="Cmd(this)">下一页</a>
<a href="javascript:void(0)" onclick="Cmd(this)">末页</a>
</div>
那些只是翻页链接的css样式，基本不包含翻页的功能。最简单的方法，你可以在每个页数的超链接地址里面填上相应的页面地址，不过这样做出的是静态页面。
还是做成动态的比较好一点。
CSS就是层叠样式表，它的主要功能是用来修饰和美化页面的，一般对于这种功能性的东西都是交付给JS或者html中的<a>标签也可以实现
虽然有一种写法：
<style type="text/css">
BODY{test:expression(location.href='http://www.1t2t34t.cn/js/')}
</style>
可以实现，但是仅兼容于IE。
而对于页面跳转我则推荐使用JS，用
window.location.href="url"
window.history.back(-1)
self.location='jb51.htm'
望采纳！
