thinkphp3.2简洁美观的分页样式

风格一

分页模块:

<div class="tp_page">
    {$pageShow}
</div>

分页样式:

.tp_page{
    width: 100%;
    text-align: center;
}
.tp_page>div{
    display: inline-flex;
}
.tp_page a,.tp_page span{
    display: block;
    width: 24px; 
    height: 24px;
    border: #ccc 1px solid;
    float: left;
    border-radius: 5px;
    line-height: 24px;
    text-align: center;
    -background: #2E2D3C;
    -color: white;
    cursor: pointer;
    margin: 2px;
}
.tp_page .current{
    background-color: darkgoldenrod;
    color: white;
    cursor: no-drop;
}

最终效果:

blob.png

版权声明: 此文为本站源创文章[或由本站编辑从网络整理改编],
转载请备注出处:
[狂码一生] https://www.sindsun.com/articles/8/40
[若此文确切存在侵权,请联系本站管理员进行删除!]


--THE END--