您可以从自己的文件中将图像添加到内部 css 样式表吗？

Question

我一直在制作一些基本的 html/css 我想添加背景图片所以我在文件资源管理器中找到了一张我认为它很合适所以我写了代码来添加它但是它似乎不起作用，所以，我的问题是：是否可以拍摄存储在自己计算机上的图像并在 css 中使用它。

这是我的代码：

    <!doctype html>
<html>
    <head>
        <style>
            body 
            {
                background-image: ('C:\Users\***\Pictures\Image.png');
            }

            h2
            {
                color : yellowgreen;
            }
        </style>

        <body>
            <h2> This is green </h2>
        </body>
    </head>
</html>

Answer 1

试试这个...

正文 { 背景图片：url('your image path'); }

你的图片路径应该是浏览器友好的。只需将该图像拖到任何浏览器中，然后从浏览器地址栏复制 link 并将其粘贴到 css 即：'your image path'

Answer 2

如果您在 Web 上部署站点时引用您的计算机路径怎么办？这是不好的做法，请使用应用程序文件夹中的项目路径。

您可以从自己的文件中将图像添加到内部 css 样式表吗？

Can you add an image to an internal css stylesheet from one's own files?

html

css

file

background-image