asp.net分页控件AspNetPager的样式美化
自从吴旗娃推出了AspNetPager分页控件以来,它便受到了广大程序员的热烈欢迎。这个控件如同雨后春笋般,迅速在无数个网站中崭露头角。许多网站程序员朋友往往直接套用其默认样式,导致满世界的分页控件样式都显得简洁而雷同,这种状况实在令人遗憾。
在前不久开发网站的过程中,我深感这种简洁样式与网站的整体风格格格不入。于是,我决定深入研究其生成的HTML代码,并撰写了一段独特的CSS样式,旨在将分页样式与网站的整体风格融为一体。
效果如何呢?请允许我展示一二。虽然我的设计并非尽善尽美,但希望大家能够给予一定的认可和鼓励。毕竟,我的脑袋并没有包裹棉絮,对于批评和建议,我依旧会感到受伤。
接下来,让我来分享一下这段神奇的CSS样式表:
```css
/ AspNetPager Style By /
.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: 1px solid red;
background-color: 993399;
color: ffffff;
margin: 0 5px;
padding: 1px 6px;
}
```
调用方式非常简单。只需在分页控件的外面加一个div并赋予其"pager"类,然后直接调用AspNetPager控件即可。
```html
FirstPageText="首页" LastPageText="尾页" NextPageText="后页" OnPageChanging="Pager_PageChanging" PageSize="9" PrevPageText="前页" NumericButtonCount="9">
```
通过这段CSS样式,你可以轻松地将AspNetPager分页控件与你的网站风格相融合,使其更具个性化和吸引力。无论你的网站风格如何独特,这段CSS样式都能为你量身定制出完美的分页效果。
编程语言
- asp.net分页控件AspNetPager的样式美化
- IIS部署asp.net mvc网站的方法
- swiper 解决动态加载数据滑动失效的问题
- thinkphp3.2.2前后台公用类架构问题分析
- 一段脚本实现自动备份并保存最近几天的SQL数据
- JavaScript中的this机制
- ThinkPHP中数据操作案例分析
- JS中使用media实现响应式布局
- PHP 中魔术常量的实例详解
- PHP-FPM运行状态的实时查看及监控详解
- phpQuery采集网页实现代码实例
- asp.net中提示该行已属于另一个表的解决方法
- PHP实现二维数组去重功能示例
- 解决vue中使用Axios调用接口时出现的ie数据处理问
- php字符串分割函数用法实例
- 伪静态技术介绍与优缺点分析(较完整篇)