提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

有序列表ol漂亮css分页样式代码(纯css)

CSS代码 分页 样式 漂亮 序列表 ol
2023-06-13 09:14:27 时间

有序列表ol漂亮分页样式 a{color:#000;} .pagination{ overflow:hidden; margin:0; padding:10px10px6px10px; border-top:1pxsolid#f60; _zoom:1; } .pagination*{ display:inline; float:left; margin:0; padding:0; font-size:12px; } .paginationi{ float:none; padding-right:1px; } .currentPageb{ float:none; color:#f00; } .paginationli{ list-style:none; margin:05px; } .paginationlili{ position:relative; margin:-2px00; font-family:Arial,Helvetica,sans-serif } .firstPagea,.previousPagea,.nextPagea,.lastPagea{ overflow:hidden; height:0; text-indent:-9999em; border-top:8pxsolid#fff; border-bottom:8pxsolid#fff; } .paginationlilia{ margin:01px; padding:04px; border:3pxdouble#fff; +border-color:#eee; background:#eee; color:#06f; text-decoration:none; } .paginationlilia:hover{ background:#f60; border-color:#fff; +border-color:#f60; color:#fff; } li.firstPage{ margin-left:40px; border-left:3pxsolid#06f; } .firstPagea,.previousPagea{ border-right:12pxsolid#06f; } .firstPagea:hover,.previousPagea:hover{ border-right-color:#f60; } .nextPagea,.lastPagea{ border-left:12pxsolid#06f; } .nextPagea:hover,.lastPagea:hover{ border-left-color:#f60; } li.lastPage{ border-right:3pxsolid#06f; } lili.currentStatea{ position:relative; margin:-1px3px; padding:1px4px; border:3pxdouble#fff; +border-color:#f60; background:#f60; color:#fff; } li.currentState,.currentStatea,.currentStatea:hover{ border-color:#fff#ccc; cursor:default; }

有序列表ol分页源码/样式

总记录数：3 总页数：3 当前页：3 首页 前一页
    1. 1
    2. 2
      3. 3
    3. 4
    4. 5
    5. 6
    6. 7
    7. 8
    8. 9
    • 后一页 尾页

    相关文章