如何更改 HTML 页面的背景颜色以进行打印?

Posted

技术标签:

【中文标题】如何更改 HTML 页面的背景颜色以进行打印?【英文标题】:How to change the background color of a HTML page for printing? 【发布时间】:2018-02-17 15:57:23 【问题描述】:

我想让我的网站可以正确打印。 html 文档的body 的背景颜色不是白色。

body 
  background-color: #F8F6F6;

问题是打印出来的页面的部分背景(边距和文档结束后的部分)是白色的,如下图:

如何更改这些区域的颜色?


编辑(澄清):

我想将图片中白色区域的颜色改为#F8F6F6,而不是相反。

【问题讨论】:

【参考方案1】:

css printing

   @media print
     body 
       background-color: #FFFFFF;
     
   

【讨论】:

没有。这将更改body 的背景颜色,而不是body 之外的白色区域的颜色。也就是说,我想把图片中白色区域的颜色改为#F8F6F6,而不是相反。这是我的问题。 获取不同颜色的纸。在我看来,这里的问题更多是关于墨水的使用。这不是您想要的答案,但您确实不应该使用墨水来为整个页面着色,尤其是当该颜色只是模糊的灰白色时。边距是由计算机/打印机设置的,所以我认为您不能强迫它们成为用户的标准。

以上是关于如何更改 HTML 页面的背景颜色以进行打印?的主要内容,如果未能解决你的问题,请参考以下文章

如何使用页面上的视频更改正文的背景颜色

如何更改导航栏的默认背景颜色? [复制]

在 html 选择中悬停或选择项目时,如何避免更改背景颜色?

Vue:如何更改每个页面的背景颜色

如何更改 TChromium 组件的默认背景颜色?

CSS/SCSS/bootstrap :: 覆盖 bootstrap 中的打印设置 :: 更改背景:透明!对颜色很重要