分享一种好看的织梦分页代码样式

时间:2018-08-05 15:56:12 阅读:863次
<div class="pagination-wrapper"> 
<div class="pagination"> 
{dede:pagelist listsize='5' listitem='info,index,end,pre,next,pageno'/} 
</div> 
</div> 

css样式:

<style>
/*pages*/
.pagination-wrapper{margin: 20px 0;}
.pagination{ height: 34px;text-align: center;}
.pagination li {display: inline-block;height: 34px;margin-right: 5px;line-height:34px;padding:0 5px;}
.pagination li a{display: block;height: 32px;line-height: 32px;padding: 0 12px;font-size: 16px;border: 1px solid #dddddd;color: #555555;text-decoration: none;}
.pagination li a:hover{background:#f5f5f5;color:#0099ff;}
.pagination li.thisclass {background: #09f;color: #fff;}
.pagination li.thisclass a,.pagination li.thisclass a:hover{background: transparent;border-color: #09f;color: #fff;cursor: default;}
</style>

以上代码直接放入织梦列表页list-article.htm这个文件里。

本文由紫书SEO整理编辑发布:分享一种好看的织梦分页代码样式

文章地址:https://www.taiyuanseo.top/29.html,转载请注明出处!