dedecms织梦网站分页样式css代码

2017/05/0411:24:09dedecms织梦网站分页样式css代码已关闭评论 829

织梦样式分页代码,别小看这么简简单单的一个标签,网站做好之后每次折腾这个都要花费好久,总是这样那样的不满意,不知道你是否也曾碰到这样的问题。下面分享一个我常用的织梦列表代码,如果你喜欢就直接拿去用吧。

首先,模板页面分页标签调用,我们需要在分页列表模板中插入分页列表标签:

<div class="page">
{dede:pagelist listitem="info,index,end,pre,next,pageno" listsize="5"/}
</div>

其次,加入分页样式CSS

/*分页CSS*/
.page{height:24px; line-height:24px; text-align:center; margin-top:30px; clear:both;}
.page li{display:inline; padding:5px 10px; border:1px solid #ddd; margin-right:5px;}
.page li a{color: #555;}
.page li a:hover{background:#f5f5f5; color:#0064c4;}
.page li.thisclass{background:#9A9FA5; color: #fff;}
.page li.thisclass a{text-decoration:none; cursor:default; border-color:#0064c4; color: #fff;}
.page .pageinfo strong{font-weight:normal;}

最终效果图如下:

dedecms织梦网站分页样式css代码

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin