div#pages {
float:right;
padding-right:8px;
white-space: nowrap;
}

div#pages ul{
margin:0;
padding:0;
}

div#pages a:link,div#pages a:visited,div#pages a:active{
color:#fff;/*非当前页*/
text-decoration: none;
}

div#pages a:hover{
color:#25C01B;/*鼠标滑过*/
text-decoration: none;
}

div#pages li{
margin:3px;
padding:2px 5px;
list-style-type: none;
float:left;
background:#747570; /*背景颜色*/

border:1px #1D5124 solid;/*边框颜色*/
white-space: nowrap;
}

<div id="pages"><ul><li><a>首页</a></li>
<li class="thisclass"><a>1</a></li>
<li><a href=http://www.mamicode.com/‘/plus/list.php?tid=30&TotalResult=15&PageNo=2‘>2
<li><a href=http://www.mamicode.com/‘/plus/list.php?tid=30&TotalResult=15&PageNo=3‘>3
<li><a href=http://www.mamicode.com/‘/plus/list.php?tid=30&TotalResult=15&PageNo=2‘>下一页
<li><a href=http://www.mamicode.com/‘/plus/list.php?tid=30&TotalResult=15&PageNo=3‘>末页

</ul></div>