在做站的时侯，很多人在加入dedecms 翻页标签，显示上一页、下一页的时侯，会发现它们都是竖排显示，而不是显示横的，这样非常难看。
翻页标签
<div class="dede_pages" > <ul class="pagelist"> {dede:pagelist listitem="info,index,end,pre,next,pageno,option" listsize="5"/} </ul> </div>
要解决此问题，只需要在自已网站的CSS文件中添加相关pages、li等属性的定义。代码如下 ：
.dede_pages{}
.dede_pages ul{ float:right; padding:12px 0px 12px 16px; }
.dede_pages ul li{ float:left; font-family:Tahoma; line-height:17px; margin-right:6px;}
.dede_pages ul li a{ float:left; padding:2px 4px 2px; color:#555; border-bottom:1px solid #EEE;}
.dede_pages ul li a:hover{ color:#690; text-decoration:none; padding:2px 4px 1px; border-bottom:2px solid #690;}
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{ color:#F63; padding:2px 4px 1px; border-bottom:2px solid #F63; font-weight:bold;}
.dede_pages .pageinfo{ line-height:21px; padding:12px 10px 12px 16px; color:#999;}
.dede_pages .pageinfo strong{ color:#555; font-weight:normal; margin:0px 2px;}
达到的效果如图中所示，非常漂亮。
以上文章出自：http://www.123px.net/view-129-1.html