CSS提供了一種方便的方式來設(shè)置網(wǎng)頁的打印樣式。其中一個重要的方面是設(shè)置打印頁面的頁碼。在這里，我們將討論如何使用CSS來設(shè)置打印頁面的頁碼。

/* 設(shè)置打印頁面的頁眉 */
@media print {
@page {
margin-top: 1cm; /* 設(shè)置打印頁面的頁眉高度 */
margin-bottom: 2cm; /* 設(shè)置打印頁面的頁腳高度 */
}
/* 設(shè)置打印頁面的頁眉樣式 */
#header {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 1cm;
text-align: center;
border-bottom: 1px solid #AAAAAA;
font-size: 0.8em;
}
/* 設(shè)置打印頁面的頁腳樣式 */
#footer {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 2cm;
text-align: center;
border-top: 1px solid #AAAAAA;
font-size: 0.8em;
}
/* 設(shè)置打印頁面的頁數(shù)樣式 */
#footer:after {
content: "Page " counter(page) " of " counter(pages); /* 顯示頁碼 */
}
}

在上面的代碼中，我們使用@media print來選擇所有打印頁面，并使用@page選擇器設(shè)置打印頁面的頁眉和頁腳高度。我們還使用“position: fixed”來設(shè)置頁眉和頁腳在頁面上的位置。對于頁腳，在“#footer:after”中使用“counter(page)”和“counter(pages)”來顯示當前頁面的頁碼和總頁數(shù)。

通過使用CSS，我們可以輕松地為打印頁面設(shè)置頁碼，使打印頁面看起來更專業(yè)，更易于閱讀。