您现在的位置是：网站首页>网站制作心得网站建设教程

DEDE分页样式

2019-06-28来源：【网站建设教程】人已围观

简介分页样式虽然很短，但是复用率非常高，早就想过整理下这个东西，一直拖着没弄，今天开个头，以后用起来也方便点。 <div class="pagination-wrapper"> <div class="pagina

分页样式虽然很短，但是复用率非常高，早就想过整理下这个东西，一直拖着没弄，今天开个头，以后用起来也方便点。

<div class="pagination-wrapper">	<div class="pagination">    {dede:pagelist listsize='5' listitem='info,index,end,pre,next,pageno'/}	</div></div>

样式一

pagelist1

/*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;}

样式二

pagelist2

/*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;}

很赞哦！ ()

上一篇：dedecms首页导航菜单二级栏目调用标签实例

下一篇：dedecms在栏目列表中添加统计文档数量调用标签