css分页样式代码_经验交流

来源：动视网责编：小采时间：2020-11-27 18:55:24

css分页样式代码_经验交流

css分页样式代码_经验交流:第一个是从360而来的效果如图所示:普通的a标记的分页，兼容性好。绿色样式演示代码: .pages{ width:100.5%; text-align:right; padding:10px 0; clear:both;} .pages span.pages a.pages b{ font-size:12px; fo

推荐度：

点击下载本文 文档为doc格式

导读css分页样式代码_经验交流:第一个是从360而来的效果如图所示:普通的a标记的分页，兼容性好。绿色样式演示代码: .pages{ width:100.5%; text-align:right; padding:10px 0; clear:both;} .pages span.pages a.pages b{ font-size:12px; fo

第一个是从360而来的效果如图所示:普通的a标记的分页，兼容性好。绿色样式

演示代码:

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
第二种：深蓝色效果，当然颜色大家可以自行修改。
效果如图:

演示代码:

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
第三种代码:
css代码:
代码如下:
#page{margin:5px; padding-bottom:20px; padding-top:20px;}
#page a{border:1px solid #003399;padding:5px;margin:2px;background-color:#FFFFFF;color:#003300;height:18px; }
#page a:hover{font-size:14px; color:#FFFFFF; background-color:#003399;padding:5px;margin:2px;height:20px;}

效果图片.

这是mouse没的指上时.

这是指上去时,

好了现在我们来看看怎么使用这代码.

html代码:
代码如下:
记录条共4页每页20条
第一页
1
2
3
4
下一页
最后一页