织梦DEDECMS列表分页代码及一些好看的样式整理

   今天小编来为大家分享一些关于织梦了列表页分页的样式代码。首先来看一下分页的代码:
  1. <div class="yema"><ul>{dede:pagelist listitem="index,end,pre,next,pageno" listsize="5"/}</ul></div>
复制代码

(已经取消了跳转到多少页,工多少页的标签)
        样式一
  1. .yema{ width:1080px;float:left;list-style:none;display:inline; text-align:center; margin-top:10px;}
  2. .yema ul{list-style-type:none; margin:0; width:630px;}
  3. .yema ul li{ min-width:30px; height:24px; line-height:24px; overflow:hidden; float:left;background:#fd8033; margin-left:5px; margin-bottom:5px; padding-top:3px; padding-left:8px; padding-right:8px; color:#FFF; text-align:center; font-size:12px;}
  4. .yema ul li a{color:#FFF; font-size:12px;}
  5. .yema ul li:hover{ background:#008cd6;}
  6. .yema .thisclass{ background:#da251c;}
复制代码

        样式的效果如下:

       (说明:鼠标经过变换背景颜色;代码中的颜色及宽度自己更改就可以)



        样式二
  1. .yema{ width:1080px;float:left;list-style:none;display:inline; text-align:center; margin-top:10px;}
  2. .yema ul{list-style-type:none; margin:0; width:630px;}
  3. .yema ul li{ min-width:30px; height:24px; line-height:24px; overflow:hidden; float:left;background:#959595; margin-left:5px; margin-bottom:5px; padding-top:3px; padding-left:8px; padding-right:8px; color:#FFF; text-align:center; font-size:12px;}
  4. .yema ul li a{color:#FFF; font-size:12px;}
  5. .yema ul li:hover{ background:#fd8033;}
  6. .yema .thisclass{ background:#00b62e;}
复制代码
       样式的效果如下:
       (说明:鼠标经过变换背景颜色;代码中的颜色及宽度自己更改就可以)