CSS頁碼怎么寫

在CSS中，我們可以使用一個簡單的計數(shù)器來創(chuàng)建頁碼，以下是一個基本的CSS頁碼示例：

@counter-style page {
  system: fixed;
  range: 1 to 100;
  page-break-after: always;
}

在這個示例中，我們定義了一個新的計數(shù)器樣式page，它使用了一個固定的系統(tǒng)，并且設(shè)定了范圍從1到100。page-break-after: always;表示在每個計數(shù)器的值之后都進(jìn)行頁面中斷。

我們可以使用@page規(guī)則來引用這個計數(shù)器樣式，并應(yīng)用到我們的文檔中：

@page :left {
  size: auto;
  margin-left: 1cm;
  margin-right: 0;
}
@page :right {
  size: auto;
  margin-left: 0;
  margin-right: 1cm;
}

在這個示例中，我們定義了兩個頁面樣式left和right，分別應(yīng)用于文檔的左右頁面，每個樣式都指定了頁面的大小、左邊距和右邊距。

我們可以使用@counter規(guī)則來在每個頁面上顯示計數(shù)器的值：

@counter page {
  counter-style: page;
  list-style-type: none;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 24pt;
  color: #000000;
}

在這個示例中，我們定義了一個計數(shù)器樣式page，它引用了我們之前定義的計數(shù)器樣式page，并指定了計數(shù)器的顯示位置、大小、顏色和字體大小。

我們的文檔就可以在每個頁面上顯示計數(shù)器的值了，我們可以根據(jù)需要調(diào)整計數(shù)器的樣式和位置，以達(dá)到我們想要的效果。