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



实际上我在html页面中有边框。打印时,内容分为两页,第一页的下边框和第二页的上边框没有出现。所以我如何在打印时为每一页指定页面边框。我使用了@media print并在其中编写了css。有没有其他解决方案可以让我在打印页面时为每一页的各个面都涂上博德?

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

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;}
}

相关内容

  • 没有找到相关文章

最新更新