CSS 也可以讓你更方便地實現打印文檔的效果。在 CSS 中可以使用 @media 來定義打印樣式。

@media print {
// 樣式
}

需要注意的是，在打印時需要將頁面中不需要打印的元素隱藏，可以使用 display: none; 來實現。

@media print {
.hide-print {
display: none;
}
}

為了讓打印的效果更佳，可以使用一些打印相關的 CSS 屬性，如：

@media print {
body {
font-size: 12pt; // 打印時設置字體大小
}
h1 {
page-break-before: always; // 打印時設置分頁
}
}

除了使用 @media 來定義打印樣式，也可以使用 JavaScript 來觸發打印功能，如：

function printDocument() {
window.print(); // 觸發打印功能
}

CSS 和 JavaScript 配合使用可以為打印文檔的效果帶來更多的自由度和定制化的功能。