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

  • 时间:
  • 浏览:75
  • 来源:太原SEO网站优化
<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这个文件里。

猜你喜欢