ThinkPHP改变自带分页的样式

ThinkPHP改变自带分页的样式

第一种 CSS样式

<style>

	.pagination {}
	
	.pagination li {
		display: inline-block;
		margin-right: -1px;
		padding: 5px;
		border: 1px solid #e2e2e2;
		min-width: 20px;
		text-align: center;
	}
	
	.pagination li.active {
		background: #009688;
		color: #fff;
		border: 1px solid #009688;
	}
	
	.pagination li a {
		display: block;
		text-align: center;
	}
</style>

第二种 引入bootstrap

<link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css">
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>