用CSS是不能分页的，分页是程序控制的。
成都创新互联主要从事网站设计制作、成都做网站、网页设计、企业做网站、公司建网站等业务。立足成都服务永清,十多年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:13518219792
比如说：有100条数据要在页面展示，每次展现10条，一共10页。
程序会在第一页取出1--10条数据给静态页面展示。
到第二页的时候在去11--20条数据给静态页面展示。
当然你要给程序相对应的参数，他才能从数据库里面取出来。
美工只做一个展现页面给程序员，分页就是在静态页面上某个位置写上“上一页”、“下一页”、“第一页”、“最后一页”“共多少页”，或者是数字的1、2、3、4、5、6那种，剩下的程序员就会搞定一切的。
CSS只能做装饰，不能分页。
DEDE的页面都分动态和静态两种方式显示，显然标签的解析函数也会有两个，分别对应静态和动态页面。首先找到include文件夹内的arc.archives.class.php文件，\include\arc.archives.class.php
如果是动态的，ctrl+F查找function GetPagebreakDM($totalPage, $nowPage, $aid)如果是静态的，ctrl+F查找function GetPagebreak($totalPage, $nowPage, $aid)
以静态的为例：
/**
* 获得静态页面分页列表
*
* @access public
* @param int $totalPage 总页数
* @param int $nowPage 当前页数
* @param int $aid 文档id
* @return string
*/
function GetPagebreak($totalPage, $nowPage, $aid)
{
if($totalPage==1)
{
return "";
}
$PageList = "lia共".$totalPage."页: /a/li";
$nPage = $nowPage-1;
$lPage = $nowPage+1;
if($nowPage==1)
{
$PageList.="lia href='#'上一页/a/li";
}
else
{
if($nPage==1)
{
$PageList.="lia href='".$this-NameFirst.".".$this-ShortName."'上一页/a/li";
}
这个不是前台语言来实现的主要是要访问数据库，是后台功能，一般后台语言都有比如asp php jsp 等等js只是前台，所以很难实现（除非你js很高级）
首先在列表模版写分页样式的时候把这段代码复制进去：
div class="dede_pages"
ul class="pagelist"
{dede:pagelist listitem="info,index,end,pre,next,pageno,option" listsize="5"/}
/ul
/div
然后在把css样式加入到你自己的css文件里面
.dede_pages{ height:30px; background:#eeeeee; margin:15px 015px 12px; width:690px; float:left;text-align:center; display:inline;
}
.dede_pages ul{
list-style-type: none;text-align: center;
}
.dede_pages ul li{
display: inline;
}
.dede_pages ul li a{
background:#fff; padding:3px 5px; line-height:30px; margin:0 2px; font-family:Arial;
}
.dede_pages ul li a:hover{
color:#690;
text-decoration:none;
padding:2px 4px 2px;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
background-color:#F8F8F8;
padding:2px 4px 2px;
font-weight:bold;
}
.dede_pages .pageinfo{
line-height:21px;
padding:12px 10px 12px 16px;
color:#999;
}
.dede_pages .pageinfo strong{
color:#555;
font-weight:normal;
margin:0px 2px;
}
可以啊，CSS样式可以改变THINKPHP 分页显示样式；这个在你模板赋值的时后做的！
我们可以对输出的分页样式进行定制，分页类 Page 提供了一个 setConfig 方法来修改默认的一些设置。例如：
$page-setConfig('header', ' 个会员 ' );
setConfig 方法支持的属性包括：
header ：头部描述信息，默认值 “条记录”
prev ：上一页描述信息，默认值是“上一页”
next ：下一页描述信息，默认值是“下一页”
first ：第一页描述信息，默认值是“第一页”
last ：最后一页描述信息，默认值是“最后一页”
theme ：分页主题描述信息，包括了上面所有元素的组合 ，设置该属性可以改变分页的各个单元的显示位置，默认值是
“ %totalRow% %header% %nowPage%/%totalPage% 页 %upPage% %downPage% %first% %prePage% %linkPage% %nextPage% %end% ”
通过 setConfig 设置以上属性可以完美的定制出你的分页显示风格。