Html 使用CSS定义图像的相对路径：背景图像url_Html_Css

Html 使用CSS定义图像的相对路径：背景图像url

html css

Html 使用CSS定义图像的相对路径：背景图像url,html,css,Html,Css,假设我的桌面上有一个名为New_Website的“root”文件夹。然后我有四个子文件夹。主文件、网站图片、网站其他、网站样式表如果website_样式表包含stylesheet.css，而website图像包含randomimg.jpg，那么如何使用css-background image:url（相对路径）；，从stylesheet.css到randomimg.jpg 以下内容对我很有用（我在桌面上创建了新网站，里面有3个文件夹，每个文件夹中有一个文件）： index.html（在主文件文

假设我的桌面上有一个名为New_Website的“root”文件夹。然后我有四个子文件夹。主文件、网站图片、网站其他、网站样式表

如果website_样式表包含stylesheet.css，而website图像包含randomimg.jpg，那么如何使用css-background image:url（相对路径）；，从stylesheet.css到randomimg.jpg

以下内容对我很有用（我在桌面上创建了

新网站

，里面有3个文件夹，每个文件夹中有一个文件）：

index.html

（在

主文件

文件夹中）

randoimg.jpg

（位于

网站图片

文件夹内）

（这是一张白色图像）

以下内容对我来说很有用（我在桌面上创建了

新网站

，里面有3个文件夹，每个文件夹中有一个文件）：

index.html

（在

主文件

文件夹中）

randoimg.jpg

（位于

网站图片

文件夹内）

（白色图像）

背景图像：url（'../website\u images/randomimg.jpg'）逻辑会这样想。虽然这似乎不起作用，但您的浏览器控制台中是否有任何错误？获取file:///C:/Users/New%20User/Desktop/New_Website/website_stylesheets/randomimage.jpg net:：ERR_FILE_NOT_found它正在网站样式表中查找randomimage.jpg。没有提到“网站图片”。您的代码中有一个错误。background image:url（'../website\u images/randomimg.jpg'）逻辑会这样想。虽然这似乎不起作用，但您的浏览器控制台中是否有任何错误？获取file:///C:/Users/New%20User/Desktop/New_Website/website_stylesheets/randomimage.jpg net:：ERR_FILE_NOT_found它正在网站样式表中查找randomimage.jpg。没有提到“网站图片”。你的代码中有个错误。当网站上线时，绝对路径如何公平？绝对路径肯定行不通吗？@Dylan:这肯定不是什么新鲜事。大多数网站使用本地图片的url。将图片放在包含样式表的文件夹中有什么害处吗？这可能是一种不好的做法，但会有任何不良影响吗？@Dylan:据我所知没有。当一个网站上线时，绝对路径是如何公平的？绝对路径肯定行不通吗？@Dylan:这肯定不是什么新鲜事。大多数网站使用本地图片的url。将图片放在包含样式表的文件夹中有什么害处吗？这可能是个坏习惯，但会有什么不良影响吗？@迪伦：据我所知没有。
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="C:\Users\...\Desktop\New_Website\website_stylesheets\stylesheet.css">
  </head>
  <body>
    <div></div>
  </body>
</html>

body {
  background-color: gray;
}
div {
  background-image: url('file:///C:/Users/.../Desktop/New_Website/website_images/randomimg.jpg');
  height: 70px;
  width: 83px;
}