CSS 表格(Table)

<!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=utf-8" />
<title>CSS 表格</title>
<style type="text/css">
* { margin:0; padding:0; list-style:none;}
ul { margin-left:1px; margin-top:1px; width:505px;}
li { float:left; height:23px; border:1px solid #cfdae8; width:96px; margin-left:-1px; margin-top:-1px;}
</style>
</head>
<body>
<ul>
 <li></li>
 <li></li>
 <li></li>
 <li></li>
 <li></li>
 <li></li>
 <li></li>
 <li></li>
 <li></li>
 <li></li>
 <li></li>
 <li></li>
 <li></li>
 <li></li>
 <li></li>
</ul>
</body>
</html>



<!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表格</title>
<style type="text/css">
<!--
body{ font-site:12px;line-height:24px;  }
#text{width:100%}
#text li{ list-style-type:none; float:left; display:block; width:30%; border:1px solid #99CC00; padding-left:15px;}
#text .title{ font-weight:bold; background:#F1FADE;}
-->
</style>
</head>

<body>
<div id="text">
<li class="title">姓名</li>
<li class="title">班级</li>
<li class="title">年龄</li>
<li>王五</li>
<li>2-2 </li>
<li>16</li>
<li>张三</li>
<li>3-2</li>
<li>18</li>
<li>李四</li>
<li>3-3</li>
<li>15</li>
</div>
</body>
</html>

posted on 2009-08-30 08:37  9who  阅读(228)  评论(0)    收藏  举报

导航