div怎么写表格

1.div做一个表格<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<style type="text/css">
.tab{
border:1px solid #0033FF;
width:212px;
height:auto;
}
.tab li{
width:70px;
height:30px;
【div怎么写表格】border:1px solid #0033ff;
list-style:none;
float:left;
</style>
<BODY>
<div class="tab">
<li>
<li>
<li>
<li>
<li>
<li>
<li>
<li>
<li>
</div>
</BODY>
</HTML>
2.用DIV怎样做出表格的样式出来你要怎么的样式,请举例
是不是这样的 1.CSS布局常用的方法: float : none | left | right 取值: none : 默认值 。对象不飘浮 left : 文本流向对象的右边 right : 文本流向对象的左边 它是怎样工作的,看个一行两列的例子 xhtml: <div id="warp"> <div id="column1">;这里是第一列</div> <div id="column2">;这里是第二列</div> <div class="clear"></div> </div> CSS: #wrap{ width:100%; height:auto;} #column1{ float:left; width:40%;} #column2{ float:right; width:60%;} .clear{ clear:both;} position : static | absolute | fixed | relative 取值: static : 默认值 。无特殊定位,对象遵循HTML定位规则 absolute : 将对象从文档流中拖出,使用 left , right , top , bottom 等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位 。如果不存在这样的父对象,则依据 body 对象 。而其层叠通过 z-index 属性定义 fixed : 未支持 。对象定位遵从绝对(absolute)方式 。但是要遵守一些规范 relative : 对象不可层叠,但将依据 left , right , top , bottom 等属性在正常文档流中偏移位置
3.怎样用div做表格完美版用div做成表格的形式 把标签中间的空格都去掉就OK了< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""1/DTD/xhtml1-transitional.dtd">< html xmlns="" >< head >< meta ; charset=gb2312" />< title >强强的博客-用div做表格完美版 < /title> < /head>< style type="text/css" > body{ margin:0px; padding:0px;font-family:Microsoft Yahei,Tahoma,Verdana,STHeiTi,simsun,sans-serif; font-size:14px; background-image:url(../images/t_bg.jpg); background-repeat:no-repeat; background-color:#000;} ul,li{ list-style-type:none; padding:0px; margin:0px;} a { color:#fff; text-decoration:none;} a:hover { color:#F30; text-decoration:none;} #tab{ width:645px; height:auto; margin:0 auto; background-color:#e5f2f4; } .lititle{ width:643px; border:1px dotted #f3f3f3; line-height:40px; font-size:16px; font-weight:bold; color:#000; } .cont { } .cont li{ list-style:none; float:left; border-left:1px dotted#f3f3f3; border-bottom:1px dotted #f3f3f3; border-right:1px dotted #f3f3f3; height:24px; background-color:#395560; line-height:24px; color:#f3f3f3; }.li1{ width:50px; list-style:none; float:left; text-align:center; border-right:1px dotted #f3f3f3; } .li2{ width:140px; list-style:none; float:left; text-align:center; border-right:1px dotted#f3f3f3; } .li3{ width:400px; list-style:none; float:left; text-align:center; border-right:1px dotted#f3f3f3; } .li4{ width:50px; float:left; text-align:center; }.liwz{ width:451px; float:left; text-align:center; } .lititle{ display:block; text-align:center;} < /style>< body > < div id="tab"> < div class="cont"> < div class="lititle">强强的博客-用div做表格完美版< /div> < ul > < li > < span class="li1">< b >排序 < /b> < /span> < span class="li2">< b >名称 < /b> < /span> < span class="liwz">< b >网址