CSS被廣泛應用于網頁設計中,其中一個重要的功能就是控制頁面的打印樣式。在打印網頁時,我們可能會遇到需要將頁眉去掉的情況。下面就來介紹如何使用CSS設置不打印頁眉。
@media print { header { display: none; } }
上面的代碼中,我們使用了CSS中的@media規則,它可以控制當文檔被打印時應用的樣式。在@media規則中,我們針對打印模式下的header元素應用了display:none屬性,這會讓打印時的頁眉不顯示出來。
需要注意的是,在實際應用時,我們需要將header選擇器替換成自己網頁中實際應用的元素選擇器。另外,我們也可以使用@page規則來設置打印頁面的樣式,例如:
@page { size: landscape; margin: 1cm; }
上面的代碼中,我們使用@page規則來控制打印頁面的大小和頁面邊距。通過類似這樣的方式,我們可以對打印頁面進行更細致的控制。