前端第3款：带点儿的列表

描述：不解释，直接上图。

HTML代码：

<ul class="ul_list1">
        <li><a href="#" title="一号文件锁定三农亮点多">一号文件锁定三农亮点多</a></li>
        <li><a href="#" title="关键词看2012年农业新发展">关键词看2012年农业新发展</a></li>
        <li><a href="#" title="第五届国际海藻植物营养论坛暨雷力集团20周年庆典举行">第五届国际海藻植物营养论坛暨雷力集团20周</a></li>
        <li><a href="#l" title="陕西开展“农机系统作风建设提升年”活动">陕西开展“农机系统作风建设提升年”活动</a></li>
        <li><a href="#" title="农业部召开全国春耕备耕工作视频会议">农业部召开全国春耕备耕工作视频会议</a></li>
</ul>

CSS代码：

.ul_list1{ width:400px;height:200px;padding:5px 10px;text-align:left;background:#eeeeee;}
.ul_list1 li{ font-size:12px; color:#555; background:url(icon4.gif) left no-repeat; padding-left:10px; line-height:28px;}
.ul_list1 li a:visited,.ul_list1 li a:link{ color:#233302;}
.ul_list1 li a:hover{ text-decoration:underline;}

注：这里用到的图片，直接下载下来复制到你的文件夹就可以了。