Question

我在设置背景图片时遇到问题。当我在网上使用网址时，我的html工作得很好，但是我无法使用计算机中的图片。我可以将计算机上的图片用作我网站的背景吗？

<!DOCTYPE html>
<html>

   <head>
      <style>
       body {
         background-image: url("Downloads/jpic.jpg");
         background-color: #cccccc;
       }
      </style>
   </head>

   <body>
      <p>first paragraph</p>
   </body>

</html>

Answer 1

如果您的图像与项目不在同一目录中，则问题在于您需要指定这样的路径：

'C：\ Users \用户USER1 \下载\ jpic.jpg'

以这种方式尝试它将起作用

Answer 2

是的，您可以使用计算机中的背景图像。只需将图像（您要使用的图像）放在编码文件所在的文件夹中即可。将图像文件粘贴到同一文件夹后，只需使用以下代码：

    background-image: url("jpic.jpg");

Answer 3

使用相对路径（不包含C：\，Documents或其他），只是图像来自项目中包含的所有其他文件。例如，如果它在相同的路径中，它将是：

body {
  background-image: url("jpic.jpg");
  background-color: #cccccc;
}

在图片路径中：

body {
  background-image: url("images/jpic.jpg");
  background-color: #cccccc;
}

请避免使用内联CSS，导入外部* .css文件

我可以将计算机上的图片用作我网站的背景吗？

3 个答案: