在html页面中不显示背景图像?

时间:2020-02-07 14:32:02

标签: html css

嗨,我是html的新手,我想在我尝试过的代码下添加正文的背景图片

<!doctype html >
    <html>
        <head>
            <title> learning html</title>

            <style> 
                body{
                    background-image: url("C:\Users\vs\Downloads\html\VnoRpdq.gif");
                    }
            </style>

        </head>
        <body>
            <h1> This Home Page</h1>
            <h2>ADDED BACKGROUND</h2>
        </body>
    </html>

路径名和文件名以及图像扩展名正确。

1 个答案:

答案 0 :(得分:1)

只需将其更改为具有file:///协议即可:

<html>
        <head>
            <title> learning html</title>

            <style> 
                body{
                    background-image: url("file:///C:\Users\vs\Downloads\html\VnoRpdq.gif");
                    }
            </style>

        </head>
        <body>
            <h1> This Home Page</h1>
            <h2>ADDED BACKGROUND</h2>
        </body>
    </html>
相关问题