1. 給body添加一個 min-height:100vh;的樣式看看。
  2. 如果不行,頁面上寫 & 看看能否顯示圖片。


看到你設置圖片的代碼主要是這一段:

body{
background-color:#000000;
background-image:url(photo/bg.jpg);
}

1、因為你設置了背景顏色為黑色(#000000 代表十六進位的黑色),所以背景展示為黑色;起作用的代碼是:background-color:#000000;

2、設置的圖片沒有展示出來,需要檢查下 photo 目錄下 是否有bg.jpg 圖片;確保目錄正確圖片文件存在;

3、如果圖片還是不能顯示出來,可以給body 設置一個高一點的高度比如:height:500px;這樣圖片如果展示出來就很明顯;

4、確保圖片格式不是只讀的;

5、這段代碼可以簡寫:background:#000 url(photo/bg.jpg);

6、對於初學者不建議使用 dream weaver開發,VS code 是一個很牛的編輯器,輕量,還免費;

希望對您有所幫助,加油!


解決辦法:你要用style標籤包裹

如果還是不行,請看看以下是否正確

1、首先查看路徑是否正確

2、給body設計寬和高。

我這裡有些資料,CSS書籍也準備送出。如果需要的話,可以分享。有的話就不用了。按照自己看的就行。這種東西不需要太多。


步驟一:因為你的背景圖片載入body上,默認body是沒有高度的,需要你自行設置一個 高度。

步驟二:如果步驟一沒效果,那就是你的圖片路徑地址有問題,這是相對路徑,在當前.html文件同級看下是否存在photo/bg.jpg這個資源。

最後推薦使用WebStorm或者vscode來編寫代碼,Dreamweaver這個已經很少有人再用了。


去掉background:#000就不黑了。


謝邀,像素模糊基本看不懂,但是沒有寬和高背景圖片無法展示..


推薦閱讀:
相关文章