html - 如何在打印 CSS 中为每一页制作页面边框

标签 html css print-css

我要打印很长的 HTML。页面已准备好打印,但我需要为每一页添加边框。我添加了 body { border:2px #666 solid;填充:5px; } 在 CSS 代码中。 HTML View 很好,但打印 View 不是。因为 border-bottom 没有显示第一页,而 border-top 没有显示所有其他页面。

我希望,我可以解释我想要的。我被搜索并仍在寻找解决方案。而且我认为这是简单的把戏。但是还是没有找到。

最佳答案

最好的方法是在页面中放置一个固定的div。重要的是你不应该在里面放任何内容。它与多页无缝协作:

<html>
<head>
  <style type="text/css">
    #pageborder {
      position:fixed;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      border: 2px solid black;
    }
  </style>
</head>
<body>
  <div id="pageborder">
  </div>
sdf<br/>
sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>
sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>sdf<br/>
111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>
111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>
222<br/>222<br/>222<br/>222<br/>222<br/>222<br/>222<br/>222<br/>222<br/>222<br/>222<br/>222<br/>222<br/>222<br/>222<br/>222<br/>222<br/>222<br/>222<br/>222<br/>222<br/>222<br/>
</body>
</html>

关于html - 如何在打印 CSS 中为每一页制作页面边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24361501/

相关文章:

html - 在导航栏下将页面分成相等的部分

html - Joomla 的自定义 Html 模块不是对代码进行样式化,而是只是将其打印到屏幕上

css - 将鼠标悬停在 child 身上的不透明度过渡

css - 只有四分之一的圆形边框?

css - AngularJS 如何在使用 ng-style 时启用彩色打印 css?

css - 如何在 Firebug 中查看打印媒体 CSS?

html - 按钮值和文本

javascript - 如何让剪刀石头布游戏中的图像发生变化?

html - 响应式布局中 ul 的垂直对齐

html - 在每页上打印页眉和页脚