如何只用html做出这个表格?(不要嵌套)
3个回答
展开全部
您好:您可以这样,用table的话就是嵌套了。你可以用div+css来做。demo代码如下:
<body style=" width:400px; margin:0px; padding:0px;">
<div style=" width:200px;margin:0px; padding:0px; height:45px; float:left; border:solid 1px red;"></div>
<div style=" width:200px;margin:0px; padding:0px; height:30px; float:right;border:solid 1px red; margin:0px;position:absolute; top:0px; left: 201px; "></div>
<div style=" width:200px;margin:0px; padding:0px; height:45px; clear:both;border:solid 1px red;"></div>
<div style=" width:200px;margin:0px; padding:0px; height:30px; float:right;border:solid 1px red; margin:0px;position:absolute; top:30px; left: 201px; bottom: 200px;"></div>
<div style=" width:200px;margin:0px; padding:0px; height:32px; float:left;border:solid 1px red; margin:0px; position:absolute; top:60px; left: 201px;"></div>
</body>
将body替换掉你建好的网页中的body就可以看到效果了,注意没用嵌套哦。这只是个demo,css样式最好单独写在样式表中,这样能省下很多代码哦。如有问题请加:1534968714,QQ聊即可。
希望采纳……
<body style=" width:400px; margin:0px; padding:0px;">
<div style=" width:200px;margin:0px; padding:0px; height:45px; float:left; border:solid 1px red;"></div>
<div style=" width:200px;margin:0px; padding:0px; height:30px; float:right;border:solid 1px red; margin:0px;position:absolute; top:0px; left: 201px; "></div>
<div style=" width:200px;margin:0px; padding:0px; height:45px; clear:both;border:solid 1px red;"></div>
<div style=" width:200px;margin:0px; padding:0px; height:30px; float:right;border:solid 1px red; margin:0px;position:absolute; top:30px; left: 201px; bottom: 200px;"></div>
<div style=" width:200px;margin:0px; padding:0px; height:32px; float:left;border:solid 1px red; margin:0px; position:absolute; top:60px; left: 201px;"></div>
</body>
将body替换掉你建好的网页中的body就可以看到效果了,注意没用嵌套哦。这只是个demo,css样式最好单独写在样式表中,这样能省下很多代码哦。如有问题请加:1534968714,QQ聊即可。
希望采纳……
更多追问追答
追问
好吧我思维定式了,话说那能用trtd做出这个效果么?
追答
当然可以了。如果是用tr td的话就更容易了,我就不用费事还得写CSS了。你可以这样:建一个两行一列的表格,再建一个三行一列的表格让他俩挨着就行了呵呵。还有种办法就是就建一个表格,然后表格有个一合并单元格的样式。设置一下就行了。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |