<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、以上就是
多素材网
对您的回答，感谢您邀请我来作答，还有不懂可以到多素材网底部加群和大家一起交流。
多素材网
为您解答
望采纳
