两个DEDECMS分页样式css代码(分享)

天外飘仙

模板中的分页部分页部分源码：


代码如下:

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>

复制代码

样式一



代码如下:

1. /*pages*/
   
2. .pagination-wrapper {
   
3. clear:both;
   
4. padding:1em 0 2em 0;
   
5. text-align:center;
   
6. }
   
7. .pagination {
   
8. display: inline-block;
   
9. *display: inline;
   
10. *zoom: 1;
    
11. font-size:12px;
    
12. border-radius: 3px;
    
13. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    
14. }
    
15. .pagination li{
    
16. list-style: none;
    
17. display: inline;
    
18. float: left;
    
19. line-height: 1em;
    
20. text-decoration: none;
    
21. border: 1px solid #ddd;
    
22. border-left-width: 0;
    
23. }
    
24. .pagination li a {
    
25. display: inline-block;
    
26. padding: .5em .8em;
    
27. background-color: #f9f9f9;
    
28. color: #999;
    
29. }
    
30. .pagination li a:link{
    
31. background:#fff;
    
32. color: #4C78A5;
    
33. }
    
34. .pagination li a:hover{
    
35. text-decoration:none;
    
36. }
    
37. .pagination li a:link:hover {
    
38. color: #000;
    
39. }
    
40. .pagination li.thisclass {
    
41. background-color: #f9f9f9;
    
42. color:#999;
    
43. }
    
44. .pagination li:first-child {
    
45. border-left-width: 1px;
    
46. border-radius: 3px 0 0 3px;
    
47. }
    
48. .pagination li:last-child{
    
49. border-radius: 0 3px 3px 0;
    
50. }
    
51. .pagination .pageinfo{
    
52. color: #444;
    
53. }

复制代码

样式二




代码如下:

1. /*pages*/
   
2. .pagination-wrapper{
   
3. margin: 20px 0;
   
4. }
   
5. .pagination{
   
6. height: 34px;
   
7. text-align: center;
   
8. }
   
9. .pagination li {
   
10. display: inline-block;
    
11. height: 34px;
    
12. margin-right: 5px;
    
13. }
    
14. .pagination li a{
    
15. float: left;
    
16. display: block;
    
17. height: 32px;
    
18. line-height: 32px;
    
19. padding: 0 12px;
    
20. font-size: 16px;
    
21. border: 1px solid #dddddd;
    
22. color: #555555;
    
23. text-decoration: none;
    
24. }
    
25. .pagination li a:hover{
    
26. background:#f5f5f5;
    
27. color:#0099ff;
    
28. }
    
29. .pagination li.thisclass {
    
30. background: #09f;
    
31. color: #fff;
    
32. }
    
33. .pagination li.thisclass a,.pagination li.thisclass a:hover{
    
34. background: transparent;
    
35. border-color: #09f;
    
36. color: #fff;
    
37. cursor: default;
    
38. }

复制代码