<div class="dede_pages">
<ul class="pagelist">
{dede:pagelist listitem="info,index,end,pre,next,pageno,option" listsize="5"/}
</ul>
</div>
然后在把css样式加入到你自己的css文件里面
.dede_pages{height:30pxbackground:#eeeeeemargin:15px 015px 12pxwidth:690pxfloat:lefttext-align:centerdisplay:inline
}
.dede_pages ul{
list-style-type: nonetext-align: center
}
.dede_pages ul li{
display: inline
}
.dede_pages ul li a{
background:#fffpadding:3px 5pxline-height:30pxmargin:0 2pxfont-family:Arial
}
.dede_pages ul li a:hover{
color:#690
text-decoration:none
padding:2px 4px 2px
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
background-color:#F8F8F8
padding:2px 4px 2px
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
}
就用div加css就能做出这种效果了.给你一个刚写的例子。<div style='background:redheight:20pxwidth:30pxdisplay: inline-block'></div>
<div style='top:5pxheight: 0pxborder: 15px red solidwidth: 20pxborder-top-color: transparentborder-right-color: transparentborder-bottom-color: transparentdisplay: inline-blockposition: relativeleft: -4px'></div>