有序列表ol分页源码样式

《有序列表ol分页源码样式》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、浩图瀚视教你用ol有序列表来做分页源码样式喜欢CSS的很多朋友一直在问关于分页怎么做，想做的更漂亮些，下面是我做的一个例子，希望对大家有帮助！把链接改为自己的即可！a{color:#000;}.pagination{overflow:hidden;margin:0

2、;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;}.pagina

3、tionlili{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;paddin

4、g: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,.previous

5、Pagea{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.currentState

6、a{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;}

有序

7、列表ol分页源码/样式