設(shè)置打印頁面的 CSS 樣式

在 CSS 中，我們可以使用特定的屬性來設(shè)置打印頁面的樣式，這些屬性可以幫助我們控制打印頁面的外觀，如頁面大小、頁眉、頁腳、頁碼等。

我們可以使用@page 規(guī)則來定義打印頁面的樣式，我們可以設(shè)置頁面的大小、邊距和背景顏色：

@page {
  size: auto;
  margin: 2cm;
  background-color: #f0f0f0;
}

我們可以使用page-break-before 和page-break-after 屬性來定義頁面之間的分隔，我們可以在一個章節(jié)的標(biāo)題之前和之后設(shè)置分頁：

h1 {
  page-break-before: right;
  page-break-after: left;
}

我們還可以使用page-break-inside 屬性來定義段落內(nèi)部的分頁，我們可以在一個段落內(nèi)部的文本之間設(shè)置分頁：

p {
  page-break-inside: avoid;
}

我們可以使用page-number 屬性來設(shè)置打印頁面的頁碼，我們可以將頁碼設(shè)置為從 1 開始遞增：

@page {
  page-number: 1;
}

通過以上 CSS 屬性的設(shè)置，我們可以輕松地控制打印頁面的樣式，包括頁面大小、頁眉、頁腳、頁碼等，這些設(shè)置可以幫助我們制作出更加美觀和實(shí)用的打印文檔。