在打印時,我們常常需要在頁面的頁眉處插入一些內容,比如Logo、公司名稱、日期等信息。這時候,我們可以使用CSS來實現這個功能。
首先,我們需要在樣式表中使用媒體查詢來過濾出打印時需要使用的樣式,然后再設定頁面的頁眉高度。代碼如下:
@media print { @page { margin-top: 50mm; /* 設定頁眉高度 */ } }
接下來,我們需要在頁面中增加一個元素,用來存放我們需要打印的內容。比如,我們可以在頁面最上方的位置添加一個div元素,并賦予一個id值,比如"header"。代碼如下:
這里是頁眉內容,比如公司Logo、名稱、日期等信息
最后,我們需要使用CSS來對這個元素進行定位和樣式的設置。代碼如下:
@media print { #header { position: fixed; /* 固定在頁面頂部 */ top: 0; left: 0; right: 0; text-align: center; /* 居中對齊 */ font-size: 20px; } }
通過上面的步驟,我們就可以很方便地在頁面的頁眉處插入需要打印的內容了。
上一篇css怎么把圖片橫著排
下一篇css怎么把幾張圖片平行