TP分页类优化 css代码
来源:互联网 发布:js贪吃蛇 编辑:程序博客网 时间:2024/06/06 01:15
TP的分页类样式着实的丑 用插件还要引入文件 有点麻烦
在网上搜索了一下 发现了一个可以直接更改分页样式且不变动tp内容的css代码
样式如下:
css代码:
DIV.page { PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center } DIV.page A { BORDER-RIGHT: #aaaadd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #aaaadd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #aaaadd 1px solid; COLOR: #000099; PADDING-TOP: 2px; BORDER-BOTTOM: #aaaadd 1px solid; TEXT-DECORATION: none } DIV.page A:hover { BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid } DIV.page A:active { BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid } DIV.page SPAN.current { BORDER-RIGHT: #000099 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000099 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000099 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000099 1px solid; BACKGROUND-COLOR: #000099 } DIV.page SPAN.disabled { BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid }
阅读全文
0 0
- TP分页类优化 css代码
- 纯CSS分页代码
- tp自带分页类样式转Bootstrap分页样式
- tp自带分页类样式转Bootstrap分页样式
- CSS代码优化
- css代码优化总结
- CSS优化代码
- Page翻页分页css代码,分页div+css代码
- tp ajax 搜索分页
- Tp自定义分页
- 基于TP的数据库查询和分页类应用模块
- 如何让TP框架的分页类输出美观一点
- TP自带分页类样式,以及使用
- 优化你的CSS代码
- CSSTidy: CSS代码优化工具
- tp小型网站优化
- 分页原理+分页代码+分页类制作
- javaEE 分页功能代码优化(一)
- 万能地图下载器矢量标注功能特性
- Java语言基础{Java_se(02)}-字面量和常量-变量的基本定义和使用-Java表达式-数据类型和分类-基本数据类型的转换-算数运算符-赋值运算符-比较运算符-三元运算符-逻辑运算符
- Effective Java(一)—— 创建和销毁对象
- 创建第一个线程
- Java设计模式-代理模式
- TP分页类优化 css代码
- webpack细节点记录
- 39. Combination Sum
- Android 广告条轮播的实现
- Jeddict1:简述
- POJ 2393:Yogurt Factory
- 根据数组中对象的某一个属性值进行排序
- shell--符号
- java基础学习之各种内存图