用a标签+hover, 例如html如下
<div class="page-container">
<a href="">1</a>
<a href="">2</a>
<a href="">3</a>
<a href="">4</a>
</div>
样式:
.page-container a{
display: inline-block;
width:40px;
height:40px;
line-height:40px;
text-align:center;
margin-right:5px;
font-size:14px;
background-color: #cccccc;
border-radius:3px;
color:#333333;
text-decoration: none;
}
.page-container a:hover{
background-color:#18adda;
color:#ffffff;
}