原标题：如何在HTML页面中添加页码

在HTML页面中添加页码是非常常见的需求，特别是在需要打印或者浏览长文档时。在本文中，我将向您展示如何在HTML页面中添加页码。首先，我们需要使用CSS来控制页面的样式。我们可以使用以下样式代码来设置页面的页边距和页眉：```css@media print { @page { size: A4; margin: 1cm; } html { counter-reset: page; } body{ margin: 0; padding: 0; } header { position: fixed; top: 0; left: 0; right: 0; height: 50px; text-align: center; } footer { position: fixed; bottom: 0; left: 0; right: 0; height: 50px; text-align: center; } header:after, footer:after { counter-increment: page; content: counter(page); }}```www.sdglcj.com 上面的代码首先定义了页面的样式，设置了打印页面的大小和页边距。接着定义了页面的页眉和页脚样式，其中页眉会显示在每一页的顶部，页脚会显示在每一页的底部。在页眉和页脚中，我们使用伪元素`:after`来添加页码，`counter-increment: page;`会使得页码自动增加。接着，我们需要在HTML中添加页头和页脚元素。假设我们的HTML页面如下所示：```html