当前位置：网站首页 > 资源显示

cssul-li-新闻列表显示（带时间）

发布时间：2017/5/3 18:01:10 / 最后修改：2017-5-3 18:01:40 / 浏览：629

前面的小图标素材：（右键可保存）

完整代码（代码框可以往下拉高显示）：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
body{margin-left:0;margin-top:0;margin-right:0;margin-bottom:0}
body,td,th{font-size:12px}
a:link{text-decoration:none;color:#666}
a:visited{text-decoration:none;color:#666}
a:hover{text-decoration:none;color:#F30}
a:active{text-decoration:none;color:#666}
.sysUL1{margin:0;padding:0;display:block;width:460px}
.sysUL1 li{line-height:30px;background-image:url(li1.jpg);background-repeat:no-repeat;background-position:left center;text-align:left;text-

indent:10px;display:block;height:30px;list-style-type:none;border-bottom-width:1px;border-bottom-style:dashed;border-bottom-color:#b6b6b6}
.sysUL1 a{display:block;float:left;height:30px;width:360px}
.sysUL1 span{color:#777e8e;float:right;display:block;height:30px;width:90px;margin-top:0;margin-right:0;text-align:right}
.sysUL1 .bot{border-bottom-style:none}
</style>
</head>
<body>
          <table width="450" border="0" align="center" cellpadding="0" cellspacing="0">
            <tr>
              <td>
<ul class="sysUL1">
<li><a href="#">文章表的酸辣粉就说大辣椒粉撒了就</a><span>04/08/06</span></li>
<li><a href="#">文章表的酸辣粉就说大辣椒粉撒了就</a><span>04/08/06</span></li>
<li><a href="#">文章表的酸辣粉就说大辣椒粉撒了就</a><span>04/08/06</span></li>
<li><a href="#">文章表的酸辣粉就说大辣椒粉撒了就</a><span>04/08/06</span></li>
<li><a href="#">文章表的酸辣粉就说大辣椒粉撒了就</a><span>04/08/06</span></li>
<li class="bot"><a href="#">文章表的酸辣粉就说大辣椒粉撒了就</a><span>04/08/06</span></li>
</ul>              
              </td>
            </tr>
          </table>
</body>
</html>

附件资源（免费）

您尚未登录，暂时无法查阅资源！立即登录

插播广告区

发表评论

您尚未登录，暂时无法发表评论。立即登录

暂无任何评论

推荐资源更多 >>

付费资源更多 >>

广告区