@page {
? size: A4;/*設(shè)置導(dǎo)出的pdf的大小*/
? border-bottom: 0.25pt solid #666;/*頁腳處的橫線*/
? border-top: 0.25pt solid #666;/*頁眉處的橫線*/
? @top-left {
? ? ? ? content: "我是左側(cè)的頁眉內(nèi)容";
? ? ? ? vertical-align: bottom;
? ? ? ? color: #333;
? ? ? ? font-size: 9pt;
? ? ? ? margin: 30pt 0 10pt 0;
? }
? @top-center {
? ? ? ? content: "我是居中的頁眉";
? ? ? ? vertical-align: bottom;
? ? ? ? color: #333;
? ? ? ? margin: 30pt 0 10pt 0;
? }
? @top-right {
? ? ? ? content: "我是右側(cè)的頁眉內(nèi)容";
? ? ? ? vertical-align: bottom;
? ? ? ? color: #333;
? ? ? ? font-size: 9pt;
? ? ? ? margin: 30pt 0 10pt 0;
? }
? @bottom-right {/*在頁面的右下角生成頁碼*/
? ? ? ? content:? counter(page)
? ? ? ? ? ? ? ? " / " counter(pages);
? ? ? vertical-align: top;
? ? ? margin: 10pt 0 30pt 0;
? ? ? color: #333;
? ? ? font-size: 9pt;
? ? ? ? }
? @bottom-left {
? ? ? content: "我是左側(cè)頁腳";
? ? ? color: #333;
? ? ? font-size: 9pt;
? ? ? vertical-align: top;
? ? ? margin: 10pt 0 30pt 0;
? }
? @bottom-center {
? ? ? content: "我是居中的頁腳";
? ? ? color: #333;
? ? ? font-size: 9pt;
? ? ? vertical-align: top;
? ? ? margin: 10pt 0 30pt 0;
? }
}
@page:first { /*設(shè)置封面*/
? ? margin: 0pt;/*讓封面的背景圖占滿整頁*/
? ? padding: 0pt;/*讓封面的背景圖占滿整頁*/
? ? @top-left {/*設(shè)置首頁的頁眉頁腳內(nèi)容為空*/
? ? ? ? ? content: "";
? ? }
? ? @top-right {/*設(shè)置首頁的頁眉頁腳內(nèi)容為空*/
? ? ? ? ? content: "";
? ? ? ? ? display:none;?
? ? }
? ? @bottom-right {/*設(shè)置首頁的頁眉頁腳內(nèi)容為空*/
? ? ? ? ? content:"";
? ? }
? ? @bottom-left {/*設(shè)置首頁的頁眉頁腳內(nèi)容為空*/
? ? ? content: "";
? ? }
? }
}
@top-right(content: element(header))
<div id="header">我是header</div>
