css-常见的文档（文章、新闻等）底部页码导航

**

几行代码解决常见的文档（文章、新闻等）底部页码导航

**

1.Demo展示：

2 . Html布局：

<div class="page">
     <a href="#">首页</a>
     <a href="#">&lt;</a>
	 <a href="#">1</a>
	 <a href="#">2</a>
	 <a href="#">3</a>
	 <a href="#">……</a>
	 <a href="#">&gt;</a><a href="#">尾页</a>
</div>

3. css样式表：

.page
{
	width:600px;/*可根据父级元素的width设置为:auto;*/
	text-align:center;
	height:50px;
	/*border:1px solid #F33; */
	/*也可以这样设置,不过border和box-shadow还是有一定区别的,border占据空间,而box-shadow不占据空间*/
	box-shadow:0 0 2px