素材abc - WWW.SUCAIABC.COM - psd素材 - 高清图片素材免费下载!
素材ABC > 教程 > 织梦教程 > 详细内容

织梦列表页翻页样式和调用

时间:2019-09-18 15:19所属栏目: 织梦教程来源:未知 热度:

效果图:
织梦列表页翻页样式和调用
代码:
<style>
  .pagess {
    clear: both;
    height: 30px;
    margin: 20px;
    overflow: hidden;
    margin-left: 0px;
    text-align: center;
}
.pagess ul li {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 2px 9px;
    margin: 0 3px;
    line-height: 20px;
    background: #fff;
    color: #999;
}
/*第几页样式*/
.pagess ul li.thisclass {
    display: inline-block;
    border: 1px solid #E4392A;
    padding: 2px 9px;
    margin: 0 3px;
    background: #E4392A;
    color: #fff;

</style>
<body>
    <div class="pagess">
        <ul>
        <li>首页</li>
            <li class="thisclass">1</li>
            <li><a href="#">2</a></li>
            <li><a href="#">下一页</a></li>
            <li><a href="#">末页</a></li>
        </ul>
    </div>
    <!-- 调用 -->
    <div class="pagess">
        <ul>
            {dede:pagelist listitem="index,end,pre,next,pageno" listsize="5"/}
        </ul>
    </div>
</body>