如何创建 - CSS 分页
了解如何使用 CSS 创建分页。
如何创建分页
步骤 1) 添加 HTML:
实例
<div class="pagination">
<a href="#">«</a>
<a href="#">1</a>
<a class="active" href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
<a href="#">6</a>
<a href="#">»</a>
</div>
步骤 2) 添加 CSS:
实例
/* 分页链接 */
.pagination a {
color:
black;
float: left;
padding: 8px
16px;
text-decoration: none;
transition: background-color .3s;
}
/* 设置活动/当前链接的样式 */
.pagination a.active {
background-color: dodgerblue;
color: white;
}
/* 在鼠标悬停时添加灰色背景色 */
.pagination a:hover:not(.active) {background-color: #ddd;}
亲自试一试 »
转到我们的 CSS 分页教程 以了解有关分页的更多信息。
