css li应用基础实例教程

2016-03-02    编辑:kp12345     点击(
 代码如下 复制代码

<!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>css li应用基础实例教程</title>
<style type="text/css">
<!--
*{margin: 0px; padding:0px;}
body { font-family:"宋体"; font-size:12px; color:#000; padding:100px;}
.list {color:#004A9C;margin-top: 2px;padding-top: 2px;}
.list ul {color:#004A9C;display: block;float: left;list-style:none;padding:0px;margin-top:10px;}
.list ul li {color:#004A9C;float: left;height: 15px;margin:0px;text-align: left;width: 344px;font-size:14px;padding:4px 0px 5px 14px !important;padding:4px 0px 2px 14px;
}
.list ul li span {
         color: #666666;
 float: right;
 text-align: right;
 clear:right;
 font-size:12px;
}
-->
</style></head>
<body>
<div class="list">
<ul>
<li><span>4月16日</span><a href="/Club/20080425/27698.html" target="_blank">站长做站很累,实在有点让我力不从心了!</a></li>
<li><span>4月16日</span><a href="/Club/20080425/27696.html" target="_blank">站长要注意了:久坐电脑前,疾病易缠身</a></li>
<li><span>4月16日</span><a href="/Club/20080425/27693.html" target="_blank">我有话要说 致整天泡在网上的各位站长</a></li>
<li><span>4月16日</span><a href="/Club/20080425/27691.html" target="_blank">几个简单方法预防您的网站被百度拔毛</a></li>
<li><span>4月16日</span><a href="/Club/20080425/27698.html" target="_blank">站长做站很累,实在有点让我力不从心了!</a></li>
<li><span>4月16日</span><a href="/Club/20080425/27696.html" target="_blank">站长要注意了:久坐电脑前,疾病易缠身</a></li>
<li><span>4月16日</span><a href="/Club/20080425/27693.html" target="_blank">我有话要说 致整天泡在网上的各位站长</a></li>
<li><span>4月16日</span><a href="/Club/20080425/27691.html" target="_blank">几个简单方法预防您的网站被百度拔毛</a></li>
<li><span>4月16日</span><a href="/Club/20080425/27698.html" target="_blank">站长做站很累,实在有点让我力不从心了!</a></li>
<li><span>4月16日</span><a href="/Club/20080425/27696.html" target="_blank">站长要注意了:久坐电脑前,疾病易缠身</a></li>
<li><span>4月16日</span><a href="/Club/20080425/27698.html" target="_blank">站长做站很累,实在有点让我力不从心了!</a></li>
</ul>
</div>
</body>