css零到一高级教程019：CSS 分页实例

最新推荐文章于 2024-05-22 14:36:42 发布

慕容屠苏

最新推荐文章于 2024-05-22 14:36:42 发布

阅读量231

点赞数

分类专栏： css零到一文章标签： css html 前端

本文链接：https://blog.csdn.net/kerryqpw/article/details/123818729

版权

css零到一专栏收录该内容

98 篇文章 2 订阅 ¥49.90 ¥99.00

订阅专栏

超级会员免费看

学习如何使用 CSS 创建响应式分页。

简单的分页

如果网站上有很多页面，那么您可能希望在每张页面上添加某种分页功能：

实例

<!DOCTYPE html>
<html>
<head>
<style>
.pagination {
  display: inline-block;
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
}
</style>
</head>
<body>

<h1>简单分页</h1>

<div class="pagination">
  <a href="#">«</a>
  <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="#">»</a>
</div>

&l

了解本专栏

超级会员免费看

慕容屠苏

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
css零到一高级教程019：CSS 分页实例

学习如何使用 CSS 创建响应式分页。简单的分页如果网站上有很多页面，那么您可能希望在每张页面上添加某种分页功能：实例<!DOCTYPE html><html><head><style>.pagination { display: inline-block;}.pagination a { color: black; float: left; padding: 8px 16px; text-decor..
复制链接

扫一扫