新闻列表页的制作

新闻列表页的制作

思路：简单的思路即可。

<div class="list_box">
                <h2>新闻中心</h2>
                <div class="news_list">
                    <ul>
                        <li> <span class="date">2014-06-01</span> <a href="news.html"> 【慕客访谈 用户篇】"有为屌丝"在路上 </a> </li>
                        <li> <span class="date">2014-06-01</span> <a href="news.html"> 【有奖活动】给父亲的三行书信 </a> </li>
                        <li> <span class="date">2014-05-30</span> <a href="news.html"> 【程序猿，请晒出你的童年】活动获奖公告 </a> </li>
                        <li> <span class="date">2014-05-28</span> <a href="news.html" title="aa"> 【慕客访谈】破茧成蝶——美女程序猿的蜕变历史 </a> </li>
                        <li> <span class="date">2014-06-01</span> <a href="news.html"> 【有奖活动】"有为屌丝"在路上 </a> </li>
                        <li> <span class="date">2014-06-01</span> <a href="news.html"> 【有奖活动】给父亲的三行书信 </a> </li>
                        <li> <span class="date">2014-05-30</span> <a href="news.html"> 【程序猿，请晒出你的童年】活动获奖公告 </a> </li>
                        <li> <span class="date">2014-05-28</span> <a href="news.html" title="aa"> 【慕客访谈】破茧成蝶——美女程序猿的蜕变历史 </a> </li>
                    </ul>
                </div>
            </div>

与之前的新闻页是相同的。

+

.list_box h2
{
	font-size:14px;
	font-family:"微软雅黑";
	color:#666;
	height:35px;
	line-height:35px;
	background:url(../images/type_bg.png) repeat-x;
	padding-left:20px;
}