狂码一生_优质编程技术资源与您共享

狂码一生_优质编程技术资源与您共享

狂码一生技术博客站主要是以优质编程技术资源共享为核心,以交流学习为目的搭建的在线平台。我们共享一些优质的资源出来,供同行业的同胞交流与学习,让彼此之间在自身的技术上得到提升,本站主要提供程序方面的资源给大家,像PHP,C++,Javascript,html,asp.net,数据库等等方面的资源,本站计划将在后期会不断完善,建设更多类目的资源,希望能得到更多同行的支持!

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

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

评论