如何在每一頁列印的HTML文件上新增頁首和頁尾？

Question

是否可能在每個列印頁面上列印自訂的頁首和頁尾的HTML頁面？

我想在每個列印頁面的頂部和底部添加紅色、Arial字體、16pt大小的"UNCLASSIFIED"字樣，無論內容如何。

為了澄清，如果文件印到5頁，每頁都應該有自訂的頁首和頁尾。

有人知道是否可以使用HTML/CSS實現這個功能嗎？

Answer 1

如果你想將要作為頁腳的元素設定為position:fixed和bottom:0，當頁面列印時，它將在每個列印頁面的底部重複顯示該元素。對於頁首元素，只需將top:0設定即可。

例如：

<div class="divFooter">UNCLASSIFIED</div>

CSS：

@media screen {
  div.divFooter {
    display: none;
  }
}
@media print {
  div.divFooter {
    position: fixed;
    bottom: 0;
  }
}