<! DOCTYPE html>
<meta charset= "Utf-8"/>
<title> Shijiazhuang Gift Company </title>
<style>
. Ui-page{border:0px;background: #37578C; background:-webkit-linear-gradient (#37578C, #608BAE); background:- Moz-linear-gradient (#37578C, #608BAE); background:-ms-linear-gradient (#37578C, #608BAE); background:- O-linear-gradient (#37578C, #608BAE), Background:linear-gradient (#37578C, #608BAE), box-shadow:0px 4px 0px 0px #37578C; Color: #FFFFFF; Font-family:verdana, Geneva, Sans-serif;font-weight:bold;font-size:13px;text-decoration:none; Vertical-align:middle;}
. ui-page:hover{background: #89B5D2; color: #CCCCCC;}
. Ui-page:active{background: #1B435E;}
. ui-page-curr{padding:2px 10px 2px 10px;border-radius:5px 5px 5px 5px;background: #89B5D2; text-align:center;}
. ui-page-prev{padding:2px 10px 2px 15px;border-radius:20px 10px 10px 20px;text-align:right;}
. ui-page-numx{padding:2px 10px 2px 10px;border-radius:5px 5px 5px 5px;text-align:center;}
. ui-page-next{padding:2px 15px 2px 10px;border-radius:5px 20px 20px 5px;text-align:left;}
</style>
<body>
<button id= "Csstest" class= "Ui-page ui-page-prev" type= "button" >PREV</button>
<button id= "Csstest" class= "Ui-page ui-page-numx" type= "button" >...</button>
<button id= "Csstest" class= "Ui-page ui-page-numx" type= "button" >6</button>
<button id= "Csstest" class= "Ui-page ui-page-curr" type= "button" >7</button>
<button id= "Csstest" class= "Ui-page ui-page-numx" type= "button" >8</button>
<button id= "Csstest" class= "Ui-page ui-page-numx" type= "button" >...</button>
<button id= "Csstest" class= "Ui-page ui-page-next" type= "button" >NEXT</button>
</body>