织梦分页样式css代码应该怎么添加

html-css014

织梦分页样式css代码应该怎么添加,第1张

调用代码

<div class="pagination-wrapper">

<div class="pagination">

{dede:pagelist listsize='5' listitem='info,index,end,pre,next,pageno'/}

</div>

</div>

css样式一

/*pages*/

.pagination-wrapper {

clear:both

padding:1em 0 2em 0

text-align:center

}

.pagination {

display: inline-block

*display: inline

*zoom: 1

font-size:12px

border-radius: 3px

box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05)

}

.pagination li{

list-style: none

display: inline

float: left

line-height: 1em

text-decoration: none

border: 1px solid #ddd

border-left-width: 0

}

.pagination li a {

display: inline-block

padding: .5em .8em

background-color: #f9f9f9

color: #999

}

.pagination li a:link{

background:#fff

color: #4C78A5

}

.pagination li a:hover{

text-decoration:none

}

.pagination li a:link:hover {

color: #000

}

.pagination li.thisclass {

background-color: #f9f9f9

color:#999

}

.pagination li:first-child {

border-left-width: 1px

border-radius: 3px 0 0 3px

}

.pagination li:last-child{

border-radius: 0 3px 3px 0

}

.pagination .pageinfo{

color: #444

}

css样式二

/*pages*/

.pagination-wrapper{

margin: 20px 0

}

.pagination{

height: 34px

text-align: center

}

.pagination li {

display: inline-block

height: 34px

margin-right: 5px

}

.pagination li a{

float: left

display: block

height: 32px

line-height: 32px

padding: 0 12px

font-size: 16px

border: 1px solid #dddddd

color: #555555

text-decoration: none

}

.pagination li a:hover{

background:#f5f5f5

color:#0099ff

}

.pagination li.thisclass {

background: #09f

color: #fff

}

.pagination li.thisclass a,.pagination li.thisclass a:hover{

background: transparent

border-color: #09f

color: #fff

cursor: default

}

1、首先要说你这个标签是列表页分页哈。

2、织梦内容页分页标签是{dede:pagebreak/}

,且后台必须开启自动分页和设置自动分页的内容大小,当然也可以手动插入分页符。

3、不管你是要内容分页还是列表分页,都需要自己自定义css样式,也就是你说的分页按钮是竖排还是横排。

4、看你的代码<div

class="pageinfo">你的分页样式是pageinfo,那么就在css文件找到这个类,然后加以修改,当然也可以自己定义哦。

5、以上就是

多素材网

对您的回答,感谢您邀请我来作答,还有不懂可以到多素材网底部加群和大家一起交流。

多素材网

为您解答

望采纳