CSS的換頁效果是指將長頁面分割為多個部分，使得內容更加清晰有序。換頁效果可以通過CSS樣式實現，本文將介紹如何使用CSS的page-break屬性來實現換頁效果。

/*將換頁效果添加至元素中*/
page-break-after: always;
page-break-before: always;

在CSS中，我們可以使用兩個屬性 page-break-after 和 page-break-before 分別為頁面的前面和后面添加換頁效果。這兩個屬性接受的值有：

/*在元素后插入換頁*/
page-break-after: always;
page-break-after: avoid;
page-break-after: left;
page-break-after: right;
page-break-after: inherit; 
/*在元素前插入換頁*/
page-break-before: always;
page-break-before: avoid;
page-break-before: left;
page-break-before: right;
page-break-before: inherit;

其中，always 表示始終添加換頁效果；avoid 表示避免進行換頁操作；left 表示在奇數頁前插入換頁；right 表示在偶數頁前插入換頁；inherit 表示將從其父級元素中繼承此屬性值。

/*實現紙張大小大小調整*/
@page {
size: A4 portrait;
margin: 1cm;
}
@media print {
body {
margin: 0;
}
h1 {
page-break-before: always;
}
}

如果需要在打印時調整紙張大小，我們可以添加 @page 屬性，其中的 size 值可以設置紙張大小和方向。我們還可以使用 margin 屬性調整打印頁面的邊距。

在媒體查詢中，我們還可以使用 page-break-before 將特定的元素添加至新頁中，實現更精細的換頁效果。

總之，在CSS中使用page-break屬性是實現換頁效果的最簡單而有效的方法。對于長篇文檔或需要打印的網頁內容，使用換頁效果能夠大大提高內容的可讀性和整體印象。