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

最新推荐文章于 2021-08-04 02:47:50 发布

林中明月间。

最新推荐文章于 2021-08-04 02:47:50 发布

阅读量4.5k

点赞数

分类专栏：织梦Dedecms

原文链接：http://localhost.myblog.com/cn/sanxiang/Html/

版权

织梦Dedecms 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

效果图：

代码：

<style>
  .pagess {
    clear: both;
    height: 30px;
    margin: 20px auto;
    overflow: hidden;
    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>