html - 如何在打印时为 html 页面提供页面边框？

Question

实际上我在 html 页面中有边框。打印时，内容分为两页，第一页的底部边框和第二页的顶部边框不会出现。所以我如何在打印时为每一页提供页面边框。我使用了@media print 并编写了 css在那里面。是否有任何其他解决方案，以便在打印页面时我应该在每一页的所有面都得到 boder？

Answer 1

我在这里制作了一个示例页面，它将为每个页面生成一个边框。打印页面时。参见 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;}
}