描述:不管是在首页,还是在列表页,内容页,我们都会看到很多文章列表,这些文章,可以带点带日期。下面这款模块就可以解决你的问题。当然,如果不要日期怎么办,很简单啊,把有关日期的代码删除了就可以了。
HTML代码:
<ul class="ul_list9"> <li> <a href="#">上周国际硫酸铵市场稳中有涨</a> <span>2013-02-18</span> </li> <li> <a href="#">缓释肥用上可降解包膜材料</a> <span>2013-02-18</span> </li> <li> <a href="#">黑龙江今年化肥需求将基本稳定</a> <span>2013-02-18</span> </li> <li> <a href="#">俄罗斯2012年化肥产量出现下降</a> <span>2013-02-02</span> </li> <li> <a href="#">国家定调化肥行业发展</a> <span>2013-02-02</span> </li> </ul>
CSS代码:
.ul_list9{ margin:10px; padding:0 10px;width:500px;background:#eeeeee;} .ul_list9 li{ line-height:28px; height:28px; text-align:left;background:url(icon4.gif) left no-repeat; padding-left:10px; font-size:14px;} .ul_list9 li a{ float:left;width:80%;} .ul_list9 li a:hover{ text-decoration:underline;width:400px;} .ul_list9 li span{ float:right;}