CSS-背景图片未显示

Question

我正在尝试将背景图像添加到我的页面，但它没有显示。 有人可以帮我吗？

.body{
background-image: url('file:///C:\Users\kaspe\Desktop\Website\backgrund.jpg');}

Answer 1

您正在引用“正文” HTML标记，因此不需要点“。”。

该点用于CSS类。

尝试：

body {
    background-image: url('file:///C:\Users\kaspe\Desktop\Website\backgrund.jpg');
}

Answer 2

您不需要给它一个完整的路径。 只需提供文件夹名称/图像名称。 我假设网站是您放置图片的文件夹名称。 尝试放置它而不是您的代码。 此外，添加背景尺寸：封面； 全屏显示图像。

body {
    background-image: url('Website/backgrund.jpg');
    background-size: cover;
}