怎么用DIV插入一个一行两列的表格
3个回答
展开全部
要使用div做一个表格,主要需要应用到css中的border表框属性,这样看起来才像是一个表格。示例代码如下:
html代码:
<div class="table">
<div class="col">第一个单元格</div>
<div class="col">第二个单元格</div>
</div>
CSS代码:
.table{width:500px;height:150px;margin:0px auto;border:1px solid #000;border-left-width:0;}
.col{width:249px;height:100%;border-left:1px solid #000;float:left;}
demo效果截图如下:
展开全部
不用div,用ul
代码:
<style type="text/css">
.tb{width:500px;}
.tb li{float:left;width:250px; background:#CCC;}
</style>
<ul class="tb">
<li>第一列</li>
<li>第二列</li>
</ul>
代码:
<style type="text/css">
.tb{width:500px;}
.tb li{float:left;width:250px; background:#CCC;}
</style>
<ul class="tb">
<li>第一列</li>
<li>第二列</li>
</ul>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询