TP分页类优化 css代码

最新推荐文章于 2022-04-22 11:11:46 发布

Anwous

最新推荐文章于 2022-04-22 11:11:46 发布

阅读量398

点赞数

分类专栏： HTML ThinkPHP

ThinkPHP 同时被 2 个专栏收录

11 篇文章 0 订阅

订阅专栏

HTML

10 篇文章 0 订阅

订阅专栏

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 
		}