身体元素中的图片：网址问题？

Question

我正在尝试使用CSS显示背景图片，但它似乎无法正常工作。 CSS文件正确链接到HTML，因为我可以在CSS中将body元素的颜色设置为蓝色。到目前为止，这是我的代码：

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

Answer 1

您指定的路径意味着assets文件夹与CSS文件位于同一目录下。我认为assets文件夹位于根文件夹下，不是吗？在这种情况下，请在路径的开头添加前向广告/：

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 */