如果你的網頁需要能夠被打印出來,那么你需要為打印樣式添加一個頁頭。事實上,如果你想要讓用戶從你的網頁上打印純文本版,那么頁眉會是一個很好的添加。
CSS提供了一個稱為@page的規則,它可以幫助你創建打印樣式的頁頭和頁腳。以下是一個基本樣式的例子:
@page { margin-top: 50px; margin-bottom: 50px; @top-center { content: "This is my header"; } }
這個@page規則設置了50個像素的上和下間距,并在每個打印頁面的中心位置添加了一個內容為"This is my header"的頁頭。
注意到我們使用了一個嵌套語法來定位我們的頁眉。這個語法中的@top-center是一個偽元素,它使內容位于頁面頂部的中心位置。其他可用的偽元素如下:
- @top-left
- @top-right
- @bottom-left
- @bottom-center
- @bottom-right
當然,這只是基本用法的一個例子。你可以根據你的需求編輯樣式和所需的內容。
總體而言,打印頁面的頁頭可以幫助你向用戶提供更好的打印體驗。通過使用CSS @page規則,操作將變得更為簡單。