建议复制拷贝，推荐如下分页演示给你，供您学习参考。
模板代码：
{dede:pagelist listsize='4' listitem='index pre pageno next end '/}
CSS样式：
.page {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.page ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.page ul li:hover{ background:#ccc; color:#fff;border: 1px solid #ccc}
.page ul li:hover a{color:#fff;}
.page ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;}
.page ul li.thisclass a {color: #fff;}
.page ul li a{ display:block;color:#999}
.page ul li a:hover {color: #fff;}
