在CSS中，有一個叫做@media print的屬性，用于定義頁面在打印時的樣式。通過使用@media print，我們可以設置不同的CSS規則，讓頁面在打印時呈現出不同于屏幕顯示的樣式。

以下是一些@media print支持的CSS屬性和樣式：

/*隱藏不需要打印的元素*/
@media print {
.no-print {
display: none;
}
}
/*更改文字顏色為黑色*/
@media print {
body {
color: black;
}
}
/*改變頁面背景色為白色*/
@media print {
body {
background-color: white;
}
}
/*去除頁面的邊界*/
@media print {
body {
margin: 0;
}
}
/*改變頁面的字體樣式*/
@media print {
body {
font-family: Arial, sans-serif;
font-size: 14pt;
}
}
/*將打印內容放置到單獨的頁面中*/
@media print {
@page {
size: A4;
margin: 0;
}
}
/*設置頁面打印時的頁眉和頁腳*/
@media print {
@page {
margin-top: 50px;
margin-bottom: 50px;
}
.header {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 50px;
}
.footer {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 50px;
}
}
/*設置打印頁面為橫向打印*/
@media print {
@page {
size: landscape; 
}
}

通過使用@media print，我們可以在打印時改變頁面的樣式，以便更好地適應打印的需求。同時，最好在打印前調試這些樣式，以確保最終打印效果符合預期。