第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的背景图片样式没有被其他样式覆盖。