快捷搜索:  权重  引流  书籍  内容页  优质  url  质量  企业

分享一种好看的织梦分页代码样式

前段代码

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

css样式

  1. <style> 
  2. /*pages*/ 
  3. .pagination-wrapper{margin20px 0;} 
  4. .pagination{ height34px;text-aligncenter;} 
  5. .pagination li {display: inline-block;height34px;margin-right5px;line-height:34px;padding:0 5px;} 
  6. .pagination li a{displayblock;height32px;line-height32px;padding0 12px;font-size16px;border1px solid #dddddd;color#555555;text-decorationnone;} 
  7. .pagination li a:hover{background:#f5f5f5;color:#0099ff;} 
  8. .pagination li.thisclass {background#09f;color#fff;} 
  9. .pagination li.thisclass a,.pagination li.thisclass a:hover{backgroundtransparent;border-color#09f;color#fff;cursordefault;} 
  10. </style> 

 

您可能还会对下面的文章感兴趣: