HTML 打印 頁腳設置 打印 HTML 網頁時，可以使用 CSS 樣式來設置頁眉和頁腳。其中，頁腳是位于頁面底部的一條邊框，通常包含版權信息、打印時間、網址等內容。 下面介紹兩種設置 HTML 打印頁腳的方法。 方法一：使用 CSS 樣式 在 CSS 中，可以使用 @media print 屬性來設置打印樣式。通過該屬性，我們可以定義打印時顯示的元素以及元素的樣式。 在設置頁腳時，我們可以使用 position 屬性來設置元素的位置。一般情況下，頁腳應該放在頁面底部，因此可以將 position 設置為 fixed，bottom 設置為 0，就可以將元素定位在底部。 示例代碼如下：

@media print {
#footer {
position: fixed;
bottom: 0;
width: 100%;
height: 50px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
text-align: center;
}
}

解釋如下： - @media print：定義打印樣式 - #footer：選擇 ID 為 footer 的元素 - position: fixed：將元素定位為固定位置 - bottom: 0：設置元素底部距離為 0 - width: 100%：元素寬度為 100% - height: 50px：元素高度為 50 像素 - background-color: #f5f5f5：設置背景色為淺灰色 - border-top: 1px solid #ddd：設置頂部邊框為 1 像素實線灰色 - text-align: center：文本居中顯示 方法二：使用 JavaScript 在 JavaScript 中，我們可以使用 window.print() 方法來實現打印網頁的功能。在打印前，可以通過 DOM 操作動態添加頁腳元素。 示例代碼如下：

function printPage() {
var footer = document.createElement('div');
footer.style.position = 'fixed';
footer.style.bottom = '0';
footer.style.width = '100%';
footer.style.height = '50px';
footer.style.backgroundColor = '#f5f5f5';
footer.style.borderTop = '1px solid #ddd';
footer.style.textAlign = 'center';
footer.innerHTML = 'Copyright ? 2021';
document.body.appendChild(footer);
window.print();
}

解釋如下： - document.createElement('div')：創建一個 div 元素 - footer.style.xxx：設置元素樣式 - footer.innerHTML：設置元素內容 - document.body.appendChild(footer)：將元素添加到頁面中 - window.print()：執行打印功能 以上就是 HTML 打印頁腳設置的兩種方法。無論采用哪種方法，都需要注意樣式設置的兼容性以及內容的合法性。