css 中 怎么做分页

html-css011

css 中 怎么做分页,第1张

用CSS是不能分页的,分页是程序控制的。

比如说:有100条数据要在页面展示,每次展现10条,一共10页。

程序会在第一页取出1--10条数据给静态页面展示。

到第二页的时候在去11--20条数据给静态页面展示。

当然你要给程序相对应的参数,他才能从数据库里面取出来。

美工只做一个展现页面给程序员,分页就是在静态页面上某个位置写上“上一页”、“下一页”、“第一页”、“最后一页”“共多少页”,或者是数字的1、2、3、4、5、6那种,剩下的程序员就会搞定一切的。

CSS只能做装饰,不能分页。

可以啊,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 设置以上属性可以完美的定制出你的分页显示风格。

这个还行

<style type="text/css">table.imagetable {font-family: verdana,arial,sans-serif font-size:11px color:#333333 border-width: 1px border-color: #999999 border-collapse: collapse

}table.imagetable th {background:#b5cfd2 url('cell-blue.jpg') border-width: 1px padding: 8px border-style: solid border-color: #999999

}table.imagetable td {background:#dcddc0 url('cell-grey.jpg') border-width: 1px padding: 8px border-style: solid border-color: #999999

}

</style>