使用div做的table表格

最新推荐文章于 2023-06-11 14:59:33 发布

weixin_34005042

最新推荐文章于 2023-06-11 14:59:33 发布

阅读量810

点赞数

文章标签： python

原文链接：https://my.oschina.net/u/2391658/blog/711139

版权

2019独角兽企业重金招聘Python工程师标准>>>

1、源码

<style type="text/css">
<!--
.table1 { width:500px;height:62px;border:2px solid #99cc00;}
#s1{
 width:500px;
 height:30px;
 text-align: center;
 vertical-align: middle;
 background-color: #CCCCCC;
 border-bottom-width: 2px;
 border-bottom-color: #99cc00;
 border-bottom-style: solid;
} 
#s2{
 width:250px;
 height:30px;
 border-bottom-color: #99cc00;
 float: left;
 background-color: #FFFFCC;
}
#s3{
 width:250px;
 height:30px;
 float: left;
 background-color: #FFCCFF;
}
-->
</style>
   <div class="table1">
<div id="s1">第一行合并成一个单元格</div>
<div > 
<div id="s2">左边单元格，没有右边框.</div>
<div id="s3">右边单元格，没有左边框.</div>
</div>
</div>

2、效果