第1，字元編碼調整為utf-8，你當前使用的是gb2312
第2，background-image屬性當中所書寫的有誤，用實際路徑，而且文件夾名字最好不要用中文（基本的開發規范和標准），不要用編碼後的字元串，如：
background:url('../images/HTML5-學堂.jpg')第3，你的路徑不要寫錯，在谷歌或者其他瀏覽器當中，點擊F12鍵，調出控制台，查看是否有錯誤，如果有文件沒有載入成功，則說明你的相應文件沒有成功引入
第4，body當中需要有內容，默認body的高度是由內容撐開的，沒有內容body就沒有高度，背景圖自然無法看到
最後，建議你弄本書系統的學一學，裡麵包括一些類名的命名，書寫的規范，在你代碼當中都有不少不合適的地方，畢竟學東西是為了有實際的用處，既然要寫代碼，寫的規范一些，按照開發行業標准來寫豈不是更好。HTML與CSS方面，推薦《HTML5布局之路》，JS，可以藉助《Head First JavaScript程序設計》來入門
㈡ css背景圖片無法顯示
那就是圖片的路徑有問題了，這個路徑是相對於css文件所在的路徑，不是html文件的路徑，你確認一下。另外，你的照片模糊不清，貌似url的右括弧用的是全形的么，這個也要檢查一下。總之，背景顏色沒問題，背景圖片出不來，那問題肯定就出在url開始到行末分號這個范圍內的文字。
㈢ Css設置背景圖片不顯示的問題
1、打開html開發軟體，新建一個html代碼頁面。
6、保存html代碼頁面後刷新瀏覽器，這個時候滾動瀏覽器滾動條發現背景圖片已經固定不隨瀏覽器滾動而滾動了。
㈣ css中，照網站做的，想知道，為什麼原網頁用的背景圖片可以顯示出來，但我做的顯示不出來
真心說不中，我說說碰到的幾種情況，供你排除。
1：確定文件目錄正確和文件存在。建議把css的圖片地址加上域名，敲到瀏覽器中看一下。
2：確定圖片後綴和文件本身的格式相符。有人做出來png圖片，卻在系統中手動重命名改成jpg，相反的情況也存在。有些瀏覽器處於安全感考慮，不會下載這樣的圖片。建議用ps重新保存一下。
3：在你的那個li中加上文字：生活，然後字體設為正常，並且設文字顏色為透明。這樣也利於搜索引擎優化。有時候font-size：0會影響一些樣式，當然我不確定會影響那些。因為這些問題總會莫名其妙的在某些瀏覽器中出現，我又不太細心。
4：確定你的那個li沒有被其他元素覆蓋。有時候可能會被很難發現的東西覆蓋在上面，建議用background-color測試一下。
5：確定li的背景圖片樣式沒有被其他樣式覆蓋。