織夢列表頁翻頁樣式和呼叫
阿新 • • 發佈:2019-01-09
效果圖:
程式碼:
<style> .pagess { clear: both; height: 30px; margin: 20px; overflow: hidden; margin-left: 0px; text-align: center; } .pagess ul li { display: inline-block; border: 1px solid #ccc; padding: 2px 9px; margin: 0 3px; line-height: 20px; background: #fff; color: #999; } /*第幾頁樣式*/ .pagess ul li.thisclass { display: inline-block; border: 1px solid #E4392A; padding: 2px 9px; margin: 0 3px; background: #E4392A; color: #fff; } </style> <body> <div class="pagess"> <ul> <li>首頁</li> <li class="thisclass">1</li> <li><a href="#">2</a></li> <li><a href="#">下一頁</a></li> <li><a href="#">末頁</a></li> </ul> </div> <!-- 呼叫 --> <div class="pagess"> <ul> {dede:pagelist listitem="index,end,pre,next,pageno" listsize="5"/} </ul> </div> </body>