DIV+CSS 一行两列的最简单代码<ul> <li>
作者: 唐布拉草原 日期: 2007-11-29 13:20
<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
发表评论
订阅
上一篇
返回
下一篇


申请友情链接!