您的位置:首页 > Web前端 > CSS

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替换原文件中的文件
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: