首页 > 建站 > dedecms织梦网站分页样式css代码
2017
05-04

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

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

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

<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代码 - 第1张  | 格娜小屋

最后编辑:
作者:格娜小屋
格娜小编子轩,爱网络,爱生活,爱分享!
捐 赠分享不易,谢谢赞助!

留下一个回复

你的email不会被公开。