织梦分页样式

显示效果:


 

<div class="">

<ul class="pagination">

{dede:pagelist listitem="index,end,pre,next,pageno" listsize="2"/}

</ul>

</div>



<STYLE>
/*pages*/.pagination-wrapper {
    margin: 20px 0;
}

.pagination {
    height: 34px;
    text-align: center;
}

.pagination li {
    display: inline-block;
    height: 34px;
    margin-right: 5px;
}

.pagination li a {
    float: left;
    display: block;
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    font-size: 16px;
    border: 1px solid #dddddd;
    color: #555555;
    text-decoration: none;
}

.pagination li a:hover {
    background: #f5f5f5;
    color: #0099ff;
}

.pagination li.thisclass {
    background: #09f;
    color: #fff;
}

.pagination li.thisclass a,.pagination li.thisclass a:hover {
    background: transparent;
    border-color: #09f;
    color: #fff;
    cursor: default;
}
</STYLE>


 

修改时间 2019-03-24

真诚赞赏,手留余香
赞赏
随机推荐
Apache 虚拟主机中设置 PHP 环境变量,open_basedir 相关
防止表单重复提交的几种策略
Premiere 去除视频背景 绿幕抠图
自动构建JavaScript
Windows下,Apache防止ddos攻击,安装配置mod_evasive模块
如何使页面横屏
Node.js 异步异常处理
Mint-ui 创建步骤
Nodejs连接MySQL
包含汉字元素的PHP数组转成json字符串
QQ号

微信联系我

夜间模式切换
回到顶部