Html 主体元素中的图片:url问题?
我正在尝试使用CSS显示背景图像,但它似乎不起作用。CSS文件正确链接到HTML,因为我可以在CSS中将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文件夹在根文件夹下,不是吗?在
主体
元素的颜色设置为蓝色。以下是我目前的代码:
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文件位于同一目录下。