分页样式的CSS怎么改

html-css023

分页样式的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没有出现你说的问题。我想是你这些div里面的内容设置造成的。你可以测试一下你里面内容的样式。应该是那的问题。

LZ一定是初学者,网页里面设置的类和ID,只是方便编辑样式,如果<ul class="pagelist">不需要设置样式,在CSS文件里也就没有pagelist的定义了,你只要找一下有没有,没有就自己新建一个。