全百科精品资源分享
免费优质资源下载平台

记录织梦列表页翻页样式美化和调用

播放按钮
PBOOTCMS模版
全百科网免费发布推广信息
文章目录

记录织梦列表页翻页样式美化和调用

效果图

记录织梦列表页翻页样式美化和调用

实例代码

<!-- css样式代码 -->
<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>
<!-- 样式显示 -->
    <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>
<!-- dede织梦调用标签代码 -->
    <div class="pagess">
        <ul>
            {dede:pagelist listitem="index,end,pre,next,pageno" listsize="5"/}
        </ul>
    </div>
Download WordPress Themes Free
Download Premium WordPress Themes Free
Download Premium WordPress Themes Free
Download Premium WordPress Themes Free
ZG93bmxvYWQgbHluZGEgY291cnNlIGZyZWU=
download micromax firmware
Free Download WordPress Themes
free download udemy course

搜一下 获取更多

本文由全百科网分享提供,分享更多精品资源,帮助你我共同成长。

赞(0)
全百科网 » 记录织梦列表页翻页样式美化和调用
本站内容均来自网络收集,转载内容不代表本网站的观点及意见,仅供用户参考和借鉴。如对稿件内容及版权问题有疑议,请及时联系全百科官方邮箱: smtsg@foxmail.com

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址