在本文中，我们将介绍如何使用CSS在打印模式下添加页眉和页脚，并在所有打印页面上显示。

阅读更多：CSS 教程

首先，我们需要创建一个用于打印的样式表。可以在标签中使用标签引用该样式表，或者直接在标签中定义。以下是一个简单的示例：

在上述示例中，我们使用了media="print"属性来指定该样式仅在打印模式下生效。然后，使用@page规则来定义页面的大小和页边距。这里我们将页面大小设置为A4，页边距为2cm。根据实际需求可以进行调整。

在接下来的步骤中，我们将使用这个打印样式表来添加页眉和页脚。

让我们首先添加一个固定的内容页眉和页脚。例如，我们想在每一页的页眉显示公司名称，并在每一页的页脚显示页面编号。

Page

在上述示例中，我们首先定义了header和footer元素的样式。这里我们将它们的position属性设置为fixed，使其固定在页面的顶部和底部。

header元素的top属性设置为0，left属性设置为0，right属性设置为0，这样可以使它横向充满整个页面。高度设置为2cm，并设置了背景色和居中对齐。

footer元素的bottom属性设置为-2cm，这样可以将其固定在页面的底部。其他属性的设置和header相似。

接下来，我们在header元素中添加了一个标签，用于显示公司名称。在footer元素中的

标签中，我们添加了一个类名为page-number的元素，用于显示页面编号。

除了固定内容的页眉和页脚，我们还可以添加一些动态内容，例如当前日期和时间。下面是一个示例：

Page | Date: | Time:

在上述示例中，我们首先添加了一个标签，其中定义了两个函数getDate和getTime。这些函数用于获取当前日期和时间。

然后，在页脚的内容中使用了两个元素来显示当前日期和时间。我们通过给这两个元素设置id属性，然后通过JavaScript代码将日期和时间填充进去。

我们还可以对页眉和页脚进行自定义样式。例如，将页眉和页脚的背景色改为灰色，字体颜色改为白色，并添加一些边框和阴影效果。下面是一个示例：

在上述示例中，我们对header和footer元素的背景色、字体颜色、边框和阴影效果进行了自定义。你可以根据自己的需求进行修改。

在本文中，我们介绍了如何使用CSS在打印模式下添加页眉和页脚，并在所有打印页面上显示。我们演示了如何添加固定的内容、动态生成的内容，以及自定义样式。通过合理使用这些技术，可以使打印页面更具可读性和专业性。希望这篇文章对你有所帮助！