源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

asp.net分页控件AspNetPager的样式美化

  • 时间:2022-11-14 21:36 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:asp.net分页控件AspNetPager的样式美化
在前段时间的开发网站的过程中,突然觉得这个简洁的样式看着和网站整体的风格实在不搭调,于是看看[url=http://www.1sucai.cn/codes/40809.html]AspNetPager[/url]的最后生成html,写了一段CSS样式,将分页的样式和网站整体风格统一起来了。 效果如下: [img]http://img.1sucai.cn/uploads/article/2018010710/20180107100100_0_11942.jpg[/img] 做的不是很好看,希望大家不要丢砖头,俺的头没包棉絮,伤不起 ~—_—~ CSS样式表: /* AspNetPager Style Power By http://www.edweb.cn */ .pager{ width:95%;  margin:10px; line-height:20px; display:block;} .pager span { border:1px solid #CCCCCC; margin: 0 5px; padding: 1px 6px; float:left;} .pager a {     border: 1px solid #CCCCCC;     display: block;     overflow:hidden;     float: left;     margin: 0 5px;     padding: 1px 6px;   } .pager a:hover { border:1 solid red; background-color:#993399; color:#ffffff; margin: 0 5px; padding: 1px 6px;} 调用方式:在分页控件的外面加一个div包裹起来,直接调用         <div class="pager">                 <webdiyer:AspNetPager ID="Pager" runat="server" FirstPageText="首页" LastPageText="尾页" NextPageText="后页" OnPageChanging="Pager_PageChanging" PageSize="9" PrevPageText="前页" NumericButtonCount="9">                 </webdiyer:AspNetPager>             </div>
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部