CSS是前端開發中非常重要的一種技術，它能夠讓我們實現精美的頁面效果。除了基本的文字、圖片排版和樣式設置，CSS還能夠幫助我們制作頁面的頁眉和頁腳。

在CSS中，通過設置page偽類，我們可以定義頁面的每一頁的樣式。我們可以為每一頁定義不同的樣式，同時也可以增加頁眉和頁腳。這里我們首先介紹一下如何制作頁面的頁眉。

@page {
/* 定義頁眉 */
@top {
content: "頁眉內容";
/* 設置頁眉在頁面中的位置 */
vertical-align: top;
/* 設置頁眉的高度 */
height: 50px;
}
}

在上述代碼中，我們使用了@page偽類來定義頁面的樣式。在其中，我們使用@top關鍵字指定這是頁面的頁眉部分。在@top內部，我們可以通過content屬性來定義頁眉的內容，還可以通過vertical-align屬性來設置頁眉在頁面中的位置，height屬性設置頁眉的高度。

接下來，我們介紹如何定義頁面的頁腳。

@page {
/* 定義頁腳 */
@bottom {
content: "頁腳內容";
/* 設置頁腳在頁面中的位置 */
vertical-align: bottom;
/* 設置頁腳的高度 */
height: 30px;
}
}

與頁眉的代碼非常類似，我們使用了@bottom來指定頁面的頁腳部分，通過content屬性來定義頁腳的內容，vertical-align屬性來設置頁腳在頁面中的位置，height屬性設置頁腳的高度。

通過以上代碼，我們可以實現頁面的頁眉和頁腳。在實際開發中，我們可以根據需要來設置頁眉和頁腳的內容和樣式，讓頁面更加美觀。