dede完美分页样式
2016-04-22 10:05
405 查看
html
<div class="dede_pages">
<ul class="pagelist">
{dede:pagelist listitem="info,index,end,pre,next,pageno,option"listsize="1"/}
</ul>
</div>
css
/*page*/
.dede_pages { clear: both; padding: 1em 0 .5em 0; text-align: center }
.pagelist { margin: 40px 0px; font-size: 12px; color: #999;display: inline-block; *display: inline; *zoom: 1; border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) }
.pagelist li {font-size: 12px; list-style: none; display: inline; float: left; line-height: 1em; text-decoration: none; border: 1px solid #ddd; border-left-width: 0 }
.pagelist li a {font-size: 12px; display: inline-block; padding: .5em .8em; color: #999 }
.pagelist li a:link { background: #fff; color: #999 }
.pagelist li a:hover { text-decoration: none }
.pagelist li a:link:hover { color: #000 }
.pagelist li.thisclass { color: #999 }
.pagelist li:first-child { border-left-width: 1px; border-radius: 3px 0 0 3px }
.pagelist li:last-child { border-radius: 0 3px 3px 0 }
.pagelist .pageinfo { color: #999;font-size: 12px;}
.pageinfo {font-size: 12px; display: inline-block; padding: .4em .8em; color: #999 }
.pageinfo strong{font-size: 12px;color:#999;}
.select { border: none; color: #999; height: 24px }
.thisclass { display: inline-block; padding: .5em .8em; color: #999 }
/*page*/
arc.listview.class.php替换原文件中的文件
<div class="dede_pages">
<ul class="pagelist">
{dede:pagelist listitem="info,index,end,pre,next,pageno,option"listsize="1"/}
</ul>
</div>
css
/*page*/
.dede_pages { clear: both; padding: 1em 0 .5em 0; text-align: center }
.pagelist { margin: 40px 0px; font-size: 12px; color: #999;display: inline-block; *display: inline; *zoom: 1; border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) }
.pagelist li {font-size: 12px; list-style: none; display: inline; float: left; line-height: 1em; text-decoration: none; border: 1px solid #ddd; border-left-width: 0 }
.pagelist li a {font-size: 12px; display: inline-block; padding: .5em .8em; color: #999 }
.pagelist li a:link { background: #fff; color: #999 }
.pagelist li a:hover { text-decoration: none }
.pagelist li a:link:hover { color: #000 }
.pagelist li.thisclass { color: #999 }
.pagelist li:first-child { border-left-width: 1px; border-radius: 3px 0 0 3px }
.pagelist li:last-child { border-radius: 0 3px 3px 0 }
.pagelist .pageinfo { color: #999;font-size: 12px;}
.pageinfo {font-size: 12px; display: inline-block; padding: .4em .8em; color: #999 }
.pageinfo strong{font-size: 12px;color:#999;}
.select { border: none; color: #999; height: 24px }
.thisclass { display: inline-block; padding: .5em .8em; color: #999 }
/*page*/
arc.listview.class.php替换原文件中的文件
相关文章推荐
- Flex中css转swf须知
- 理解CSS弹性盒模型flex
- CSS样式的优先级别
- CSS3魔法堂:说说Multi-column Layout
- CSS快速入门例子
- 6-CSS DOM和Event DOM
- css中em与px的区别
- CSS动画原理及硬件加速
- CSS的盒子模型以及BFC
- CSS中 link 和@import 的区别是?
- 8个非常个性化的CSS3单/复选框
- datatables右下方页码无法加载样式
- 前端笔记 CSS 5
- CSS样式四--布局模型
- BFC 神奇背后的原理
- css 冷门样式大全
- CSS样式二--字体、文本样式
- CSS样式一--元素类型
- CSS样式三--盒子模型
- css Div+CSS布局居中