使用div作的table表格

一、源碼 

<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>

二、效果