如何让页眉显示在每一页上

要让页眉显示在每一页上，可以通过以下步骤实现：

使用HTML和CSS创建一个固定的页眉元素。可以使用<header>标签来定义页眉，并使用CSS样式设置其固定位置和样式。
在CSS中，使用position: fixed属性将页眉固定在页面的顶部。可以使用top、left、right属性来调整页眉的位置。
使用CSS设置页眉的高度、背景颜色、字体样式等。
在页眉中添加所需的内容，如公司名称、Logo、导航链接等。
在CSS中，使用z-index属性来确保页眉显示在页面内容的上方。
在打印样式表中，使用@media print媒体查询来设置打印时的样式。在该样式中，使用display: block属性来确保页眉在每一页上都显示。

以下是一个示例的HTML和CSS代码：

HTML代码：

<!DOCTYPE html>
<html>
<head>
  <title>Page Header Example</title>
  <link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
  <header>
    <h1>公司名称</h1>
    <nav>
      <a href="#">首页</a>
      <a href="#">产品</a>
      <a href="#">关于我们</a>
    </nav>
  </header>

  <main>
    <!-- 页面内容 -->
  </main>
</body>
</html>

CSS代码（styles.css）：

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  background-color: #333;
  color: #fff;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

header h1 {
  margin: 0;
}

nav a {
  color: #fff;
  margin-left: 10px;
  text-decoration: none;
}

@media print {
  header {
    display: block;
  }
}

在这个示例中，<header>元素被设置为固定在页面顶部，并包含了公司名称和导航链接。CSS样式设置了页眉的高度、背景颜色和字体样式。在打印样式表中，使用@media print媒体查询将页眉设置为在打印时显示在每一页上。

请注意，这只是一个简单的示例，实际情况中可能需要根据具体需求进行调整和扩展。