我如何使用html / css打印

问题描述 投票:-1回答:1

我正在尝试打印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;
    }
}        

html css printing media-queries
1个回答
0
投票
<!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”。

使用此选项将显示打印预览模式,该模式将从页面上去除背景色

© www.soinside.com 2019 - 2024. All rights reserved.