html网页简单实现分页翻页代码

今天给大家分享一下网页的翻页代码实现效果，只需要简单的几行代码就可以轻松实现你想要的翻页效果。

html代码

<div class="page">
<a href="">1</a>
<a href="">2</a>
<a href="">3</a>
<a href="">4</a>
<a href="">5</a>
<a href="">6</a>
<a href="">7</a>
<a href="">8</a>
<a href="">9</a>
<a href="">10</a>
</div>

css代码

.page{
font-size:0px;
}
.page a{
font-size:initial;
margin-right: 6px;
background: #f6f3f5;
display:inline-block;
box-sizing:border-box;
width:26px;
height:26px;
line-height:26px;
text-decoration:none;
border-radius:6px;
text-align:center;
color:#606366;
}
.page a:hover{
background: #2696ff;
color:#fff;
}

如果需要其他的颜色可以适当修改css代码即可。