最新消息:

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

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

描述:不解释,直接上图。

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

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

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

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

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