有木有神马问题
<style type="text/css">
.page {
text-align:center;
font-size:0px;
margin-top:20px;
}
.page a{
border:1px solid #ff9600;
text-decoration:none;
color:#ff6500;
}
.page a:hover{
background:#ffbe94;
}
.page1 {
border:1px solid #ffe3c6;
color:#ffe3c6;
}
.page2 {
border:1px solid #ff6500;
color:#ff6500;
background:#ffbe94;
}
.page3 {
font-size:18px;
margin-left:10px;
font-weight: bold;
}
.page a,.page1,.page2{
padding:5px 7px;
font-size:18px;
margin-left:10px;
}
</style>
</head>
<body>
<div class="page">
<span class="page1"><</span>
<span class="page2">1</span>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
<a href="#">6</a>
<span class="page3">...</span>
<a href="#">199</a>
<a href="#">200</a>
<a href="#">></a>
</div>
</body>
