最新做网站用eyoucms调用分页经常样式错乱,于是自己想写一个通用的css样式,这样没次直接复制就好了 再也不用因为每次错乱都去调整 我把代码分离出来了 有需要直接复制就可以了
样式一居中:
<!--分页-->
<div class="page_box">
<ul>
{eyou:pagelist listitem='index,pre,pageno,next,end,info' listsize='2' /}
</ul>
</div>
样式二居右边
在这里插入<style type="text/css">
div#pages {
float:right;
padding-right:8px;
white-space: nowrap;
}
div#pages ul{
margin:0;
padding:0;
}
div#pages a:link,div#pages a:visited,div#pages a:active{
color:#000;/*非当前页*/
text-decoration: none;
}
div#pages a:hover{
color:#25C01B;/*鼠标滑过*/
text-decoration: none;
}
div#pages li{
margin:3px;
padding:2px 5px;
list-style-type: none;
float:left;
border:1px #1D5124 solid;/*边框颜色*/
white-space: nowrap;
}
</style>
<div id="pages"><ul> {eyou:pagelist listitem='index,pre,pageno,next,end,info' listsize='2' /}</ul></div>代码片