CSS打印设置页眉页脚

在CSS中，可以使用@page规则和:first、:left、:right伪类来设置打印文档的页眉和页脚。以下是一个简单的例子：

@media print {
  @page {
    margin: 100pt;
  }
 
  @page :first {
    @top-left {
      content: "页眉 - 左侧";
    }
    @top-right {
      content: "页眉 - 右侧";
    }
  }
 
  @page :left {
    @bottom-left {
      content: "页脚 - 左侧";
    }
  }
 
  @page :right {
    @bottom-right {
      content: "页脚 - 右侧";
    }
  }
}

在这个例子中，:first用于定义第一页的页眉内容，:left用于定义所有左侧页的页脚内容，:right用于定义所有右侧页的页脚内容。@top-left和@top-right用于在页面的顶部左侧和右侧添加页眉内容，@bottom-left和@bottom-right用于在页面底部左侧和右侧添加页脚内容。

请注意，@page规则中的margin属性是为了给页眉和页脚留出空间，避免内容被遮挡。

在HTML文档中使用时，确保你的页面内容在不同的页面上分布正确，以便:first、:left和:right可以按预期工作。