Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 主体元素中的图片:url问题?_Html_Css - Fatal编程技术网

Html 主体元素中的图片:url问题?

Html 主体元素中的图片:url问题?,html,css,Html,Css,我正在尝试使用CSS显示背景图像,但它似乎不起作用。CSS文件正确链接到HTML,因为我可以在CSS中将主体元素的颜色设置为蓝色。以下是我目前的代码: body { width: 960px; height: 960px; margin: auto; background-image: url("assets/images/funky-line.png"); } 指定的路径意味着资产文件夹与CSS文件位于同一目录下。我想assets文件夹在根文件夹下,不是吗?在

我正在尝试使用CSS显示背景图像,但它似乎不起作用。CSS文件正确链接到HTML,因为我可以在CSS中将
主体
元素的颜色设置为蓝色。以下是我目前的代码:

body {
    width: 960px;
    height: 960px;
    margin: auto;
    background-image: url("assets/images/funky-line.png");
}

指定的路径意味着
资产
文件夹与CSS文件位于同一目录下。我想
assets
文件夹在根文件夹下,不是吗?在这种情况下,在路径的开头添加一个向前的plash
/

background-image: url("/assets/images/funky-line.png");
而且,这样定义身体的大小也很奇怪。如果要定义背景图像的大小并使其居中,请替换以下行:

width: 960px;
height: 960px;
margin: auto;
有了这些:

background-size: 960px 960px;
background-position: center center; /* center top, to only center it horizontally */

共享项目的文件结构。css文件中的URL与css文件相关。那么路径是否指向正确的文件夹?此路径假定
资产
文件夹与css文件位于同一目录下。