如何使用 html/css 进行打印

Question

我正在尝试打印 html/css 页。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test</title>
    <style media="print">
        body {
                background-color: blue;
            }
    </style>
</head>
<body>
    <div>
        <p>Imprime moi !</p>
    </div>
</body>
</html>

当我尝试打印时，正文背景不在此处。为什么？

编辑这个 css 不再起作用了：

@media print {
    body {
        background-color: blue;
    }
}

Answer 1

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test</title>
    <style>
        body {
                background-color: blue;
            }
    </style>
</head>
<body>
    <div>
        <p>Imprime moi !</p>
    </div>
</body>
</html>

从您的样式标签中删除 media="print" 或改用 'all' 或 'screen'

使用它会显示打印预览模式，它会从页面中删除背景颜色。

如何使用 html/css 进行打印

How do I print using html/css

html

css

printing

media-queries