如何在打印时将页面边框赋予html页面?

时间:2014-08-27 04:03:22

标签: html css printing print-preview

其实我在html页面中有边框。在打印时,内容分为两页,第一页的下边框和第二页的上边框不会出现。如何在打印时为每页提供页面边框。我使用了@media print并编写了css在里面。是否还有其他解决方案,以便在打印页面时,我应该在每个页面的各个方面都使用?

1 个答案:

答案 0 :(得分:0)

我在这里制作了一个示例页面,它将为每个页面生成一个边框。在打印页面时。请参阅 DEMO

HTML代码

<section id='page1'>
     <div class='box'></div>
</section>
<section id='page2'>
     <div class='box'></div>
</section>
<section id='page3'>
     <div class='box'></div>
</section>
<section id='page4'>
     <div class='box'></div>
</section>

CSS代码

@media screen, print
{
 .box{
  border:1pt solid black;
  border-radius:15px;
  position:absolute;
  top:0;
  width:28.2cm;
  height:19.3cm;
  }
section{position:relative;}
}