html中,我要做一个一行两列的表格,怎么控制第一个单元格的宽度在100px
展开全部
要使用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效果截图如下:
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效果截图如下:
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询