CSS - 如何在打印时创建整页背景但保留内容边距？

问题描述

我正在尝试从 HTML 创建 PDF 文件。现在我想在我的页面上应用背景。但是 @page {background: blue;} 似乎不受支持。我试图将背景添加到正文中，但这会导致其他问题。首先，我需要为第一页指定背景，为所有其他页面指定另一个背景。

此外，生成的文档如下所示：

这不是我想要的。我需要背景来覆盖整个页面，但内容应该在页面边框内。

它应该是这样的：

为此，我为主体添加了填充。但仍然存在问题。背景没有打印在第二页上，文本不在边距内，然后打破页面，我无法为第一页设置特殊背景。

这是我的第二个结果的 HTML 和 CSS。对于第一个，唯一的区别是，将边距添加到 @page 而不是正文。

html = """
<html>
    <head>
        <style>
            @page {
                size: A4;
                margin: 0;
            }
            
            body {
                background: #002244;
                color: white;
                padding: 2cm;
                box-sizing: border-box;
            }
        </style>
    </head>
    <body>
        """ + get_text() + """
    </body>
</html>

""" 它使用 pyppeteer 的 page.pdf 方法渲染和打印。

如何创建一个背景，用页面边框内的文本覆盖整个页面？以及如何为第一页设置单独的背景？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

css-print html web

CSS - 如何在打印时创建整页背景但保留内容边距？

问题描述

解决方法

相关问答