打印頁面是網頁開發中一個常見需求，而使用CSS來控制打印樣式則是一個非常方便的方法。在CSS中，我們可以通過一些特定的語法和屬性來設置打印樣式，使得網頁在打印時能夠呈現出我們想要的布局和格式。本文將介紹如何使用CSS來打印div元素，并通過幾個代碼案例詳細解釋說明。
，我們需要在網頁中定義一個div元素，用于被打印?？梢酝ㄟ^以下代碼來創建一個div元素：

<div id="print-content">
這是一個需要打印的div元素。
</div>

上述代碼中，我們創建了一個id為"print-content"的div元素，并在其中添加了一段文本作為內容。這個div元素將成為我們打印的目標。
接下來，我們需要定義打印樣式?？梢酝ㄟ^下面的CSS代碼來設置div元素在打印時的樣式：

@media print {
#print-content {
background-color: #ffffff;
color: #000000;
font-family: Arial, sans-serif;
font-size: 12px;
width: 200px;
height: 100px;
}
}

上述代碼中，我們使用了@media print媒體查詢來指定在打印時應用的樣式。其中，#print-content是我們在div元素上定義的id選擇器。我們可以通過修改background-color、color、font-family、font-size、width和height屬性的值來改變打印時div元素的背景顏色、文本顏色、字體、字號以及寬度和高度。
除了修改樣式，我們還可以通過CSS來隱藏一些不需要打印的元素。假設我們有一個按鈕不希望在打印時顯示，可以使用以下代碼實現：

@media print {
#print-button {
display: none;
}
}

上述代碼中，我們使用了display屬性，并將其值設置為none，從而隱藏了id為"print-button"的按鈕。
在一些特殊情況下，我們可能需要在打印時添加一些額外的樣式或元素。下面的代碼演示了如何在打印時向div元素添加一個邊框：

@media print {
#print-content {
border: 1px solid #000000;
}
}

上述代碼中，我們使用了border屬性，并將其值設置為"1px solid #000000"，從而在打印時給div元素添加了一個黑色的邊框。
綜上所述，通過使用CSS來控制打印樣式，我們可以靈活地定制網頁在打印時的布局和格式。通過定義特定的樣式和使用媒體查詢，我們可以改變打印時div元素的背景顏色、文本顏色、字體、字號、寬度和高度等屬性。同時，我們還可以隱藏一些不需要打印的元素，并在需要的情況下向打印內容添加額外的樣式或元素。這些技巧可以讓我們更好地控制打印輸出，使其符合我們的需求。