分页样式的CSS怎么改

html-css013

分页样式的CSS怎么改,第1张

首先在列表模版写分页样式的时候把这段代码复制进去:

<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>