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

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

播放按钮
文章目录

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

效果图

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

实例代码

<!-- 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
Download WordPress Themes
Download Premium WordPress Themes Free
Free Download WordPress Themes
download udemy paid course for free
download lava firmware
Download WordPress Themes Free
lynda course free download

搜一下 获取更多

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

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

评论 抢沙发

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