|
首先,需要在分页列表模板中插入分页列表标签:
- <div class="page">
- {dede:pagelist listitem="index,end,pre,next,pageno" listsize="10"/}
- </div>
复制代码
分页列表样式。
- //*分页样式CSS*//
- .page{height:24px; line-height:24px; text-align:center; margin-top:30px; clear:both;}
- .page li{display:inline; padding:5px 10px; border:1px solid #ddd; margin-right:5px;}
- .page li a{color: #555;}
- .page li a:hover{background:#f5f5f5; color:#0064c4;}
- .page li.thisclass{background:#9A9FA5; color: #fff;}
- .page li.thisclass a{text-decoration:none; cursor:default; border-color:#0064c4; color: #fff;}
- .page .pageinfo strong{font-weight:normal;}
复制代码
最终效果图如下:
|
|