DIV+CSS 一行两列的最简单代码<ul> <li>

<!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">
<!--
.list-class {
 LINE-HEIGHT: 18px; TEXT-ALIGN: left; margin:10px 0 0 20px;
}
.list-class UL {
 padding:0px ;width:600px;
}
.list-class li {
 padding:2px 0px 2px 22px; width:250px; display:block; float:left;
}
}
-->
</style>
</head>
<body>
<DIV class=list-class>
<UL >
<LI>列表信息一</li>
<LI>列表信息一</li>
<LI>列表信息一</li>
<LI>列表信息一</li>
<LI>列表信息一</LI>
<LI>列表信息一</li>
<LI>列表信息一</li>
<LI>列表信息一</li>
<LI>列表信息一</li>
<LI>列表信息一</LI>
</UL>
</DIV>
</body>
</html>
评论: 1 | 引用: 0 | 阅读: 1282
  • 1 
找工作 [ 2008-08-18 15:35 网址 | 回复 | 编辑 删除 ]
www.zhaogongzuo123
申请友情链接!
  • 1 
发表评论
昵 称: 密 码:
网 址: 邮 箱:
验证码: 验证码图片 选 项:
内 容: