在CSS中,我們可以使用@page
規(guī)則來設(shè)置頁面頁數(shù)。@page
規(guī)則允許我們?yōu)轫撁嬖O(shè)置樣式,包括頁面大小、頁面顏色、頁面邊框等。
我們可以設(shè)置一個(gè)名為page1
的頁面,并指定該頁面的樣式:
@page page1 { size: auto; color: #000; border: 10px solid #fff; }
在上面的代碼中,page1
是頁面的名稱,size: auto;
表示頁面大小自動(dòng)調(diào)整,color: #000;
表示頁面文字顏色為黑色,border: 10px solid #fff;
表示頁面邊框?yàn)?0像素寬的白色實(shí)線。
我們可以根據(jù)需要設(shè)置多個(gè)頁面的樣式,每個(gè)頁面的樣式都是獨(dú)立的,在HTML中,我們可以使用@import
語句來引入CSS文件,或者使用<style>
標(biāo)簽來內(nèi)聯(lián)樣式。
除了頁面樣式外,CSS還可以設(shè)置頁面的布局、顏色、字體等樣式,我們可以使用body
元素來設(shè)置整個(gè)頁面的背景顏色、字體顏色等樣式:
body { background-color: #f0f0f0; color: #333; font-family: Arial, sans-serif; }
在上面的代碼中,background-color: #f0f0f0;
表示頁面背景顏色為灰色,color: #333;
表示頁面文字顏色為深灰色,font-family: Arial, sans-serif;
表示頁面字體使用Arial字體或者sans-serif字體。