欢迎来到天天文库
浏览记录
ID:38187245
大小:47.06 KB
页数:3页
时间:2019-05-25
《有序列表ol分页源码样式》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、浩图瀚视教你用ol有序列表来做分页源码样式喜欢CSS的很多朋友一直在问关于分页怎么做,想做的更漂亮些,下面是我做的一个例子,希望对大家有帮助!把链接改为自己的即可!
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分页源码/样式
8、viousPagecurrentState">前一页12
此文档下载收益归作者所有