CSS是前端开发中不可或缺的一部分，其中有一种重要的应用就是分页。分页可以将一个长篇的文章或者产品列表等内容分成多页，更加方便用户阅读和浏览。那么在CSS中，我们该如何编写分页呢？

.page {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

.page a {
  display: inline-block;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px 10px;
  background: #f2f2f2;
  color: #444;
  margin-right: 5px;
  font-size: 14px;
  transition: background-color 0.3s;
}

.page a:hover {
  background: #444;
  color: #f2f2f2;
  border-color: #444;
}

.page.active a {
  background: #444;
  color: #f2f2f2;
  border-color: #444;
}

如上所示，我们使用CSS编写了一个简单的分页样式。首先是一个.page的容器，用于将分页链接垂直居中并水平居中于页面中央。然后我们定义了a标签的基本样式，包括边框、背景、颜色等，同时用margin-right属性控制链接间距。接着我们为a标签的hover状态添加了一些样式，让链接在鼠标悬浮时更有视觉效果。最后我们使用.active类定义了选中链接的样式，使其与其他链接有所区别。

当分页链接生成时，只需按照如下方式给它们加上相应的class即可：

  1
  2
  3
  4
  5

以上就是CSS中常见的分页实现方式，当然不同的需求可能会有不同的实现方式，这里只是给大家一个基础的思路。CSS是一个非常灵活的样式语言，在实践中不断探索，总会有出彩的地方。