分页模块:
<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;
}
最终效果:
版权声明: 此文为本站源创文章[或由本站编辑从网络整理改编], 转载请备注出处:http://www.sindsun.com/article-details-40.html [若此文确切存在侵权,请联系本站管理员进行删除!]