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

2022-04-14 教育 86阅读
调用代码


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



css样式一

.pagination-wrapper{
clear:both;
padding:1em02em0;
text-align:center;
}
.pagination{
display:inline-block;
*display:inline;
*zoom:1;
font-size:12px;
border-radius:3px;
box-shadow:01px2pxrgba(0,0,0,0.05);
}
.paginationli{
list-style:none;
display:inline;
float:left;
line-height:1em;
text-decoration:none;
border:1pxsolid#ddd;
border-left-width:0;
}
.paginationlia{
display:inline-block;
padding:.5em.8em;
background-color:#f9f9f9;
color:#999;
}
.paginationlia:link{
background:#fff;
color:#4C78A5;
}
.paginationlia:hover{
text-decoration:none;
}
.paginationlia:link:hover{
color:#000;
}
.paginationli.thisclass{
background-color:#f9f9f9;
color:#999;
}
.paginationli:first-child{
border-left-width:1px;
border-radius:3px003px;
}
.paginationli:last-child{
border-radius:03px3px0;
}
.pagination.pageinfo{
color:#444;
}

css样式二

.pagination-wrapper{
margin:20px0;
}
.pagination{
height:34px;
text-align:center;
}
.paginationli{
display:inline-block;
height:34px;
margin-right:5px;
}
.paginationlia{
float:left;
display:block;
height:32px;
line-height:32px;
padding:012px;
font-size:16px;
border:1pxsolid#dddddd;
color:#555555;
text-decoration:none;
}
.paginationlia:hover{
background:#f5f5f5;
color:#0099ff;
}
.paginationli.thisclass{
background:#09f;
color:#fff;
}
.paginationli.thisclassa,.paginationli.thisclassa:hover{
background:transparent;
border-color:#09f;
color:#fff;
cursor:default;
}
声明:你问我答网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系fangmu6661024@163.com