/**网易风格**/
.anpager .cpb
{
background: #1F3A87 none repeat scroll 0 0;
border: 1px solid #CCCCCC;
color: #FFFFFF;
font-weight: bold;
margin: 5px 4px 0 0;
padding: 4px 5px 0;
width: 600px;
text-align: center;
}
.anpager a
{
background: #FFFFFF none repeat scroll 0 0;
border: 1px solid #CCCCCC;
color: #1F3A87;
margin: 5px 4px 0 0;
padding: 4px 5px 0;
text-decoration: none;
}
.anpager a:hover
{
background: #1F3A87 none repeat scroll 0 0;
border: 1px solid #1F3A87;
color: #FFFFFF;
}
/*迅雷风格*/
.pages
{
color: #999;
}
.pages a, .pages .cpb
{
text-decoration: none;
float: left;
padding: 0 5px;
border: 1px solid #ddd;
background: #ffff;
margin: 0 2px;
font-size: 11px;
color: #000;
}
.pages a:hover
{
background-color: #E61636;
color: #fff;
border: 1px solid #E61636;
text-decoration: none;
}
.pages .cpb
{
font-weight: bold;
color: #fff;
background: #E61636;
border: 1px solid #E61636;
}
/*拍拍网风格*/
.paginator
{
font: 11px Arial, Helvetica, sans-serif;
padding: 10px 20px 10px 0;
margin: 0px auto;
text-align:center;
}
.paginator a
{
padding: 1px 6px;
border: solid 1px #ddd;
background: #fff;
text-decoration: none;
margin-right: 2px;
}
.paginator a:visited
{
padding: 1px 6px;
border: solid 1px #ddd;
background: #fff;
text-decoration: none;
}
.paginator .cpb
{
padding: 1px 6px;
font-weight: bold;
font-size: 13px;
border: none;
}
.paginator a:hover
{
color: #fff;
background: #ffa501;
border-color: #ffa501;
text-decoration: none;
}
/*淘宝风格*/
.tpaginator
{
font: 12px Arial, Helvetica, sans-serif;
padding: 10px 20px 10px 0;
margin: 0px;
}
.tpaginator a
{
border: solid 1px #ccc;
color: #0063dc;
cursor: pointer;
text-decoration: none;
}
.tpaginator a:visited
{
padding: 1px 6px;
border: solid 1px #ddd;
background: #fff;
text-decoration: none;
}
.tpaginator .cpb
{
border: 1px solid #F50;
font-weight: 700;
color: #F50;
background-color: #ffeee5;
}
.tpaginator a:hover
{
border: solid 1px #F50;
color: #f60;
text-decoration: none;
}
.tpaginator a, .tpaginator a:visited, .tpaginator .cpb, .tpaginator a:hover
{
float: left;
height: 16px;
line-height: 16px;
min-width: 10px;
_width: 10px;
margin-right: 5px;
text-align: center;
white-space: nowrap;
font-size: 12px;
font-family: Arial,SimSun;
padding: 0 3px;
}
相关推荐
这是两款漂亮的bootstrap分页样式。他们在元素bootstrap3分页样式的基础上,通过简单的CSS3代码来对它进行美化,生成漂亮的分页样式。
漂亮的分页样式 内含有多种样式,你可以选择您喜欢的加以参考及学习!
一、支持网上流传的24种分页样式; 二、无限扩展自定义样式,灵活; 三、支持所有asp.net控件分页绑定; 四、分页效率高; 五、扩展方便、灵活性高; 六、支持所有浏览器,文档类型、兼容性高; 使用方法:...
各种分页样式 分页风格 分页css 分页cs.htm
一、支持网上流传的24种分页样式; 二、无限扩展自定义样式,灵活; 三、支持所有asp.net控件分页绑定; 四、分页效率高; 五、扩展方便、灵活性高; 六、支持所有浏览器,文档类型、兼容性高; 使用方法:...
很好用的分页 jquery分页,最简单分页,完整分页案例,50种分页样式
纯css制作20款不同的分页样式 纯css制作20款不同的分页样式 纯css制作20款不同的分页样式
24种分页样式
漂亮的分页样式 有很多样式, 分页js特效
很漂亮的一些分页样式,带css和源码,可直接修改使用
jquery kkpager分页插件带跳转的分页样式代码 j
e路JS分页样式类e路JS分页样式类e路JS分页样式类
代码简介:jquery手机端列表分页样式是一款基于jquery实现的列表分页样式,支持手机端分页滚动效果代码。
div+css 24种分页样式 可以生意修改
.net分页及分页样式 DIV+CSS分页
20种css分页样式,还是很漂亮的,很喜欢
phpcms global.func.php分页样式修改,多功能分页。
精选多款DIV+CSS分页样式源码,css分页样式源码
一款漂亮实用的红色样式jQuery分页代码插件下载,网页无刷新分页效果,带搜索的分页样式效果。
科讯cms分页样式css 绝对实用,送给那些不会修改css的人们