优化：“ jfinal+beetl+jquery的分页组件”显示样式

作者: 恰似亚麻得般温柔
来源: 51数据库
2022-09-21

@CHARSET "UTF-8";
/*CSS technorati style pagination*/
/* CSS Document */

DIV.pagin {
	PADDING-RIGHT: **x;
	PADDING-LEFT: **x;
	PADDING-BOTTOM: **x;
	MARGIN: **x;
	PADDING-TOP: **x;
	TEXT-ALIGN: center
}

DIV.pagin A {
	BORDER-RIGHT: #ccc 1px solid;
	PADDING-RIGHT: 6px;
	BACKGROUND-POSITION: 50% bottom;
	BORDER-TOP: #ccc 1px solid;
	PADDING-LEFT: 6px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 2px;
	BORDER-LEFT: #ccc 1px solid;
	COLOR: rgb(66, 97, 222);
	MARGIN-RIGHT: **x;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #ccc 1px solid;
	TEXT-DECORATION: none
}

DIV.pagin A:hover {
	BACKGROUND-IMAGE: none;
	COLOR: #fff;
	BACKGROUND-COLOR: #4261df
}

DIV.pagin A:active {
	BACKGROUND-IMAGE: none;
	COLOR: #fff;
	BACKGROUND-COLOR: #4261df
}

DIV.pagin SPAN.current {
	PADDING-RIGHT: 6px;
	PADDING-LEFT: 6px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 2px;
	COLOR: #000;
	MARGIN-RIGHT: **x;
	PADDING-TOP: 2px
}

DIV.pagin SPAN.disabled {
	DISPLAY: none
}

推荐阅读