如何 - CSS 分页

了解如何使用 CSS 创建分页。

如何创建分页

步骤1）添加HTML：

示例

步骤2）添加CSS：

示例

/* Pagination links */
.pagination a {
color: black;
float: left;
padding: 8px 16px;
text-decoration: none;
transition: background-color .3s;
}

/* Style the active/current link */
.pagination a.active {
background-color: dodgerblue;
color: white;
}

/* Add a grey background color on mouse-over */
.pagination a:hover:not(.active) {background-color: #ddd;}

亲自试一试 »

去我们的CSS 分页教程了解有关分页的更多信息。