                        課程
                    
                        /前端開發
                        
                            /HTML/CSS
                        
                        /企業網站綜合布局實戰

列表用background-image無法添加圖片標簽

請問,為什么我的新聞列表加不了圖標?謝謝

HTML部分
<!doctype?html>
<html?lang="en">
<head>
????<meta?charset="UTF-8">
????<meta?name="viewport"
?content="width=device-width,?user-scalable=no,?initial-scale=1.0,?maximum-scale=1.0,?minimum-scale=1.0">
????<meta?http-equiv="X-UA-Compatible"?content="ie=edge">
????<title>Document</title>
????<link?rel="stylesheet"?href="css/main.css"?type="text/css"/>
????<script?src="js/setHomeSetFav.js"?type="text/javascript"?charset="GB2312"></script>
????<script?src="js/myfocus-2.0.1.min.js"?type="text/javascript"></script>
????<script?src="js/mf_fancy.js"?type="text/javascript"></script>
????<link?rel="stylesheet"?href="css/mf_fancy.css"?type="text/css"/>
????<script?type="text/javascript">
?myFocus.set({
????????????id:'picBox'

?})
????</script>
</head>
<body>
<div?class="top">
????<div?class="top_content">
????????<ul>
????????????<li><a?href="#">聯系我們</a></li>
????????????<li><a?href="#"?onclick="AddFavorite(window.location,document.title)">加入收藏</a></li>
????????????<li><a?href="#"?onclick="SetHome(window.location)">設為首頁</a></li>
????????</ul>
????</div>
</div><!--top結束-->
<div?class="wrap">
????<div?class="logo">
????????<div?class="logo-left"><img?src="images/logo.jpg"?alt="慕課網"></div>
????????<div?class="logo-right"><img?src="images/tel.jpg"?alt="服務熱線">24小時服務熱線:<span?class="tel">123-456-7890</span></div>
????</div><!--logo結束-->
?<div?class="clear"></div>
????<div?class="nav">
????????<div?class="nav-left"></div>
????????<div?class="nav-mid">
????????????<div?class="nav-mid-left">
????????????????<ul>
????????????????????<li><a?href="#">首頁</a></li>
????????????????????<li><a?href="list.html">關于慕課</a></li>
????????????????????<li><a?href="list.html">新聞動態</a></li>
????????????????????<li><a?href="list.html">課程中心</a></li>
????????????????????<li><a?href="list.html">在線課程</a></li>
????????????????????<li><a?href="list.html">人才招聘</a></li>
????????????????</ul>
????????????</div>
????????????<div?class="nav-mid-right">
????????????????<form?action=""?method="post">
????????????????????<input?type="text"?class="search-text"/>
????????????????</form>
????????????</div>
????????</div><!--nav-mid結束-->
?<div?class="nav-right"></div>
????</div><!--nav結束-->
?<div?class="clear"></div>
????<div?class="ad"?id="picBox">
????????<div?class="loading"><img?src="images/loading.gif"?alt="圖片加載中"/></div>
????????<div?class="pic">
????????????<ul>
????????????????<li><img?src="images/ad2.jpg"?></li>
????????????????<li><img?src="images/ad3.jpg"?></li>
????????????????<li><img?src="images/ad4.jpg"?></li>
????????????</ul>
????????</div>
????</div><!--ad結束-->
?<div?class="main">
????????<div?class="news">
????????????<div?class="title">
????????????????<h2?class="title-left">新聞中心</h2><span?class="title-right"><a?href="news.html">More&gt;&gt;</a></span>
????????????</div><!--title結束-->
?<div?class="pic-news">
????????????????<img?src="images/news.jpg"?>
????????????????<h2><a?href="news.html">慕女神喊你來表白!</a></h2>
????????????????<p>活動時間:5月20號-5月25號<br/>
?獲獎公布時間:5月26日<br/>
????????????????????<a?href="news.html">Learn?More&gt;&gt;</a>
????????????????</p>
????????????</div><!--pic-news結束-->
?<div?class="news-list">
????????????????<ul>
????????????????????<li><a?href="news.html">【慕客訪談?用戶篇】“有為屌絲”在路上</a><span>2014-06-01</span></li>
????????????????????<li><a?href="news.html">【有獎活動】給父親的三行書信</a><span>2014-06-01</span></li>
????????????????????<li><a?href="news.html">《程序猿，請曬出你的童年》活動獲獎公告</a><span>2014-05-30</span></li>
????????????????????<li><a?href="news.html"?title="訪談">【慕課訪談】破繭成蝶——美女程序員的蛻變史</a><span>2014-05-28</span></li>
????????????????</ul>
????????????</div><!--news-list結束-->
?</div><!--news結束-->
?<div?class="course"></div><!--course結束-->
?<div?class="sidebar"></div><!--sidebar結束-->
?</div><!--main結束-->

</div><!--wrap結束-->

</body>
</html>

CSS部分
<!doctype?html>
<html?lang="en">
<head>
????<meta?charset="UTF-8">
????<meta?name="viewport"
?content="width=device-width,?user-scalable=no,?initial-scale=1.0,?maximum-scale=1.0,?minimum-scale=1.0">
????<meta?http-equiv="X-UA-Compatible"?content="ie=edge">
????<title>Document</title>
????<link?rel="stylesheet"?href="css/main.css"?type="text/css"/>
????<script?src="js/setHomeSetFav.js"?type="text/javascript"?charset="GB2312"></script>
????<script?src="js/myfocus-2.0.1.min.js"?type="text/javascript"></script>
????<script?src="js/mf_fancy.js"?type="text/javascript"></script>
????<link?rel="stylesheet"?href="css/mf_fancy.css"?type="text/css"/>
????<script?type="text/javascript">
?myFocus.set({
????????????id:'picBox'

?})
????</script>
</head>
<body>
<div?class="top">
????<div?class="top_content">
????????<ul>
????????????<li><a?href="#">聯系我們</a></li>
????????????<li><a?href="#"?onclick="AddFavorite(window.location,document.title)">加入收藏</a></li>
????????????<li><a?href="#"?onclick="SetHome(window.location)">設為首頁</a></li>
????????</ul>
????</div>
</div><!--top結束-->
<div?class="wrap">
????<div?class="logo">
????????<div?class="logo-left"><img?src="images/logo.jpg"?alt="慕課網"></div>
????????<div?class="logo-right"><img?src="images/tel.jpg"?alt="服務熱線">24小時服務熱線:<span?class="tel">123-456-7890</span></div>
????</div><!--logo結束-->
?<div?class="clear"></div>
????<div?class="nav">
????????<div?class="nav-left"></div>
????????<div?class="nav-mid">
????????????<div?class="nav-mid-left">
????????????????<ul>
????????????????????<li><a?href="#">首頁</a></li>
????????????????????<li><a?href="list.html">關于慕課</a></li>
????????????????????<li><a?href="list.html">新聞動態</a></li>
????????????????????<li><a?href="list.html">課程中心</a></li>
????????????????????<li><a?href="list.html">在線課程</a></li>
????????????????????<li><a?href="list.html">人才招聘</a></li>
????????????????</ul>
????????????</div>
????????????<div?class="nav-mid-right">
????????????????<form?action=""?method="post">
????????????????????<input?type="text"?class="search-text"/>
????????????????</form>
????????????</div>
????????</div><!--nav-mid結束-->
?<div?class="nav-right"></div>
????</div><!--nav結束-->
?<div?class="clear"></div>
????<div?class="ad"?id="picBox">
????????<div?class="loading"><img?src="images/loading.gif"?alt="圖片加載中"/></div>
????????<div?class="pic">
????????????<ul>
????????????????<li><img?src="images/ad2.jpg"?></li>
????????????????<li><img?src="images/ad3.jpg"?></li>
????????????????<li><img?src="images/ad4.jpg"?></li>
????????????</ul>
????????</div>
????</div><!--ad結束-->
?<div?class="main">
????????<div?class="news">
????????????<div?class="title">
????????????????<h2?class="title-left">新聞中心</h2><span?class="title-right"><a?href="news.html">More&gt;&gt;</a></span>
????????????</div><!--title結束-->
?<div?class="pic-news">
????????????????<img?src="images/news.jpg"?>
????????????????<h2><a?href="news.html">慕女神喊你來表白!</a></h2>
????????????????<p>活動時間:5月20號-5月25號<br/>
?獲獎公布時間:5月26日<br/>
????????????????????<a?href="news.html">Learn?More&gt;&gt;</a>
????????????????</p>
????????????</div><!--pic-news結束-->
?<div?class="news-list">
????????????????<ul>
????????????????????<li><a?href="news.html">【慕客訪談?用戶篇】“有為屌絲”在路上</a><span>2014-06-01</span></li>
????????????????????<li><a?href="news.html">【有獎活動】給父親的三行書信</a><span>2014-06-01</span></li>
????????????????????<li><a?href="news.html">《程序猿，請曬出你的童年》活動獲獎公告</a><span>2014-05-30</span></li>
????????????????????<li><a?href="news.html"?title="訪談">【慕課訪談】破繭成蝶——美女程序員的蛻變史</a><span>2014-05-28</span></li>
????????????????</ul>
????????????</div><!--news-list結束-->
?</div><!--news結束-->
?<div?class="course"></div><!--course結束-->
?<div?class="sidebar"></div><!--sidebar結束-->
?</div><!--main結束-->

</div><!--wrap結束-->

</body>
</html>