Wie füge ich jeder Seite eines gedruckten HTML-Dokuments Kopf- und Fußzeilen hinzu?

Question

Ist es möglich, auf jeder gedruckten Seite eine benutzerdefinierte HTML-Kopf- und Fußzeile zu drucken?

Ich möchte die Worte „UNCLASSIFIED“ in Rot, Schriftart Arial, Größe 16pt, oben und unten auf jeder gedruckten Seite hinzufügen, unabhängig vom Inhalt.

Zur Verdeutlichung: Wenn das Dokument auf 5 Seiten gedruckt wird, sollte jede Seite über benutzerdefinierte Kopf- und Fußzeilen verfügen.

Weiß jemand, ob dies mit HTML/CSS erreicht werden kann?

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;
  }
}