Как сделать - Пагинацию
Узнать, как создать разбиение на страницы с помощью 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 Пагинация, чтобы узнать больше о пагинации.