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;
}