最新消息:

前端第7款:文字列表带点带日期

前端模块 杨红伟 1589浏览 0评论

描述:不管是在首页,还是在列表页,内容页,我们都会看到很多文章列表,这些文章,可以带点带日期。下面这款模块就可以解决你的问题。当然,如果不要日期怎么办,很简单啊,把有关日期的代码删除了就可以了。

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;}

发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址