CSS-背景图片未显示

Question

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

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

Answer 1

您引用的是“ body” 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;
}