Css数字分页样式代码

用div+css3写的简单数字分页代码。

css数字分页代码

网页代码:

<div class="page">
<a href="1">1</a>
<a class="active">2</a>
<a href="3">3</a>
<a href="4">4</a>
</div>

css代码:

.page { margin: 0px 0 20px; overflow: hidden; padding: 0; text-align: center; }
.page a { background-color: transparent; border: 1px solid #0f0f16; color: #242526; }
.page a:hover, .page a.active { background-color: #0f0f16; border: 1px solid #0f0f16; color: #FFFFFF; }
.page a {
cursor: pointer;
display: inline-block;
font-weight: 600;
transition: all 0.3s ease 0s;
font-size: 18px;
line-height: 20px;
border-radius: 0px;
margin: 0 0px 10px;
padding: 8px;
vertical-align: baseline;
white-space: nowrap;
width: 37px;
height: 37px;
}

Views: 1,476 Tags: ,
飞鱼

发表评论

电子邮件地址不会被公开。 必填项已用*标注