divcss表格代码怎么写

1.div+css写这样的表格如何写哇<div style="width:20%;border:1px solid #aaa">
<div style="height:155px;width:100%;border:1px solid #aaa"> </div>
<div style="height:21px;width:100%;border:1px solid #aaa"> </div>
<div style="float:left;height:22px;width:50%;border:1px solid #aaa"> </div>
<div style="float:right;height:22px;width:50%;border:1px solid #aaa"> </div>
</div>
2.如何用DIV+CSS制作表格<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
<html xmlns="
<head>
<meta ; charset=utf-8" />
<meta name="author" content="Chomo" />
<link rel="start" href="http://www.xuexi88.com/zhishi/" title="Home" />
<title>;表格外观的无序列表</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:100px; 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>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</body>
</html>
用li做的,你再根据你的视觉效果改样式吧
3.怎么用 div + css 写出这样的表格整体可以用一个div来做,上面标题部分可以用来控制,下面内容部分直接用ul、li来就可以了 推荐内容 你表格里面的虚线可以在li里面设置下边框border-bottom:1px dashed #ccc; 其中“dashed”表示虚线,#ccc代表虚线的颜色 。
字段前面的小标志可以在li样式里添加这样的小图标 。
4.用div+css做表格如果有很多单元格的话,还是尽量用表格来做 。
DIV:
<div style="width:600px;overflow:hidden;">
<div style="float:left;width:98px;height:700px;border:1px solid #000;"></div>
<div style="float:left;width:499px;height:100px;border:1px solid #000;border-left:0px;"></div>
<div style="float:left;width:499px;height:599px;border:1px solid #000;border-left:0px;border-top:0px;"></div>
</div>
5.div+css怎么排版表格兄弟,给你写了个例子,兼容所有浏览器了 。
但要说一句,应该用表格的地方,还是用表格的好-------------------------------------------------------------------<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "1/DTD/xhtml1-transitional.dtd">无标题页<meta ; charset=UTF-8" /><style>html { font-size:12px; }body { margin:50px; }.clearfix:after { content:'\0020'; display:block; height:0; clear:both; }.clearfix { *zoom:1;}ul,li{border:solid 1px #3CF; margin:0; padding:0;}ul{ border-bottom:none; border-right:none;}ul{ width:404px;}li{ width:100px; height:26px; border-top:none; border-left:none; float:left; display:inline;}</style><body>