AspNetPager分页控件定义和应用风格的实例介绍

AspNetPager分页控件定义和应用风格的实例介绍
网易风格:
第一页的头版12345678910页…

CSS样式:
复制代码代码如下所示:
。anpager.cpb {背景:# 1f3a87没有重复滚动00;边框1px solid # cccccc;颜色:# ffffff;font-weight: bold;颜色:# ffffff 00;0;}。
。anpager一{背景:# ffffff没有重复滚动00;边框1px solid # cccccc;颜色:# 1f3a87;保证金:5px,00;0;
。anpager:悬停{背景:# 1f3a87没有重复滚动00;边框1px solid # 1f3a87;颜色:# ffffff;}

属性设置:CssClass =anpagercurrentpagebuttonclass =体外循环
--------------------------------------------------------------------------------

拍网式:
最后12345678910…

CSS样式:
复制代码代码如下所示:
页面字体:Arial,{ 11px,Helvetica,sans-serif;填充:10px 20px 10px 0;保证金:0px;}
{填充:1px。分页程序的一个6px;边界:solid 1px # DDD;背景:# FFF;文字:文字装饰装修:;
一:访问。页面{填充:1px 6px;边界:solid 1px # DDD;背景:# FFF;文字装饰:文字装饰:;}
。paginator.cpb {填充:1px 6px;font-weight: bold;字体大小:13px;边界:无}
页码:盘旋。{颜色:# FFF;背景:# ffa501;边框颜色:# ffa501;文字装饰:无;}

属性设置:CssClass =页面currentpagebuttonclass =体外循环
--------------------------------------------------------------------------------

迅雷的风格:
最后12345678910…

CSS样式:
复制代码代码如下所示:
页{颜色:# 999;}
。页,。pages.cpb {文字装饰:无;浮动:左;填充:0 5px;边界:1px;5px;边界:,;
。页:悬停{背景颜色:# e61636;颜色:# FFF;边框1px solid # e61636;文字装饰:无;}
。pages.cpb { font-weight: bold;颜色:# FFF;背景:# e61636;边框1px solid # e61636;}

属性设置:CssClass = 页的currentpagebuttonclass =体外循环

tag:控件分页义和实例风格

相关内容