迅睿開(kāi)源框架是一款PHP8高性能·簡(jiǎn)單易用的PHP開(kāi)源開(kāi)發(fā)框架, 基于MIT開(kāi)源許可協(xié)議發(fā)布,不限制商業(yè)使用,以多端互聯(lián)為設(shè)計(jì)理念, 支持的微信公眾號(hào)、小程序、APP客戶端、移動(dòng)端網(wǎng)站、PC網(wǎng)站等多終端式管理系統(tǒng)。
業(yè)務(wù)經(jīng)理
微信掃描以上二維碼
028-61286886
技術(shù)咨詢
文章列表分頁(yè)怎么搞這樣格式 css寫(xiě)好了 但是如果直接用官方模板的這個(gè) {$pages}
顯示出現(xiàn)是這樣的
可以的話麻煩給我代碼吧 官方那個(gè)分頁(yè)看不懂說(shuō)明 小白來(lái)的
寫(xiě)li的css
<style type="text/css">
.page{ clear:both; padding-top:50px; height:60px;}
.page table{border:0;margin:0;border-collapse:collapse;width:auto; margin-left:auto; margin-right:auto;}
.page table td{padding:0;}
.page li{float:left; padding:0px 10px; border:1px solid #8C8C8C; margin:0px 3px; cursor:pointer; border-radius:5px;transition:all 0.2s ease 0s;}
.page li:hover,.page li.page-active{ background-color:#124891; border-color:#124891;}
.page li a{line-height:28px;}
.page li:hover a,.page li.page-active a{ color:#fff;}
</style>
<div class="page">
<table>
<tr>
<td><ul>
{$pages}
</ul></td>
</tr>
</table>
</div>
寡人御用代碼,分享給你吧
厲害了寡人
寫(xiě)li的css
<style type="text/css">
.page{ clear:both; padding-top:50px; height:60px;}
.page table{border:0;margin:0;border-collapse:collapse;width:auto; margin-left:auto; margin-right:auto;}
.page table td{padding:0;}
.page li{float:left; padding:0px 10px; border:1px solid #8C8C8C; margin:0px 3px; cursor:pointer; border-radius:5px;transition:all 0.2s ease 0s;}
.page li:hover,.page li.page-active{ background-color:#124891; border-color:#124891;}
.page li a{line-height:28px;}
.page li:hover a,.page li.page-active a{ color:#fff;}
</style>
<div class="page">
<table>
<tr>
<td><ul>
{$pages}
</ul></td>
</tr>
</table>
</div>
寡人御用代碼,分享給你吧
厲害了寡人