html 表格布局 简单dome


<style type="text/css">
/*表格*/
.table_vs .td1{background:#ded1e9;width: 30%; height: 45px;}
.table_vs .td2{background: #efe9ff;}
.table_vs .td3{background:#fee2b5; width: 35%;}
</style>

<table align="center" border="0" cellpadding="0" cellspacing="1" style="text-align: center;" width="100%" class="table_vs">
<thead>
<tr>
<td class="td1" style="background-color: #ee2a39; color:#fff; text-align:center; font-weight:bold; font-size:17px; padding-top:2%; padding-bottom:2%;">真爱医院</td>
<td class="td2" style="background-color: #ffdadd; color:#fff; font-weight:bold; font-size:17px; padding-top:2%; padding-bottom:2%">VS</td>
<td class="td3" style="background-color: #4c4c4c; color:#fff; text-align:center; font-weight:bold; font-size:17px; padding-top:2%; padding-bottom:2%;">其他医院</td>
</tr>
</thead>
<tbody>
<tr >
<td class="td1">
<p>必要的检查,大约在200元左右</p></td>
<td class="td2">
术前</td>
<td class="td3">
<p>200-500元</p></td>
</tr>

<tr >
<td class="td1">
<p>根据孕囊大小、手术方式不同,价格大约在600-2000元不等</p></td>
<td class="td2">
术中</td>
<td class="td3">
<p>1000-3000元</p></td>
</tr>

<tr >
<td class="td1">
<p>术后消炎药约百元左右 </p></td>
<td class="td2">
术后</td>
<td class="td3">
<p>1000-3000元</p></td>
</tr>

<tr >
<td class="td1">
<p>1000-2000元左右</p></td>
<td class="td2">
总计</td>
<td class="td3">
<p>1000-3000元</p></td>
</tr>
</tbody>
</table>