页脚的翻页怎么做,

概述: 页脚的翻页可以通用 当a元素没有设置border时. hover状态下出现边框 会挤开旁边的a元素. 加上border时 可以避免这种现象

<div class="pager">
        <a href="">上一页</a>
        <a href="">1</a>
        <a href="" class="select">2</a>
        <a href="">3</a>
        <a href="">4</a>
        <a href="">5</a>
        <a href="">6</a>
        <a href="">7</a>
        <a href="">8</a>
        <a href="">9</a>
        <a href="">10</a>
        <a href="">下一页</a>
</div>

	.pager{
		margin: 2em 0;
	    text-align: center;
	}
	.pager a{
	    border: 1px solid #d8d8d8;
	    padding: 0px 12px;
	    margin-left: 4px;
	    text-decoration:none;
	}
	.pager a:hover{
	    border: 1px solid #ef4238;
	}
	.pager a.select{
	    background-color: #ef4238;
	    color: #d8d8d8;
	}