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

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

播放按钮
文章目录

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

效果图

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

实例代码

<!-- 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 Best WordPress Themes Free Download
Download WordPress Themes Free
Download Nulled WordPress Themes
download udemy paid course for free
download micromax firmware
Download Nulled WordPress Themes
free download udemy paid course

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

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

评论 抢沙发

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

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏