有边框的简易表格

 

html:

<table>
<tr>
<td><img src="images/ReserveServices/YuYue1.png" /></td>
<td class="w187"><span>服务类型：</span></td>
</tr>
<tr>
<td class="w187"><span>服务类型：</span></td>
<td class="w400"><span>预约安装</span></td>
</tr>
<tr>
<td>上门地址： </td>
<td>上海市普陀区岚皋路597号905室</td>
</tr>
</table>

css:

table{border-collapse: separate; border-spacing: 1px;width:580px;margin:0 auto;background:#d0d0d0;}
table tr{background:#fcfcfc;}
table tr td{border-spacing: 1px;text-align: center;color: #000;padding:20px 0;}

.w187{width:178px;}
.w400{width:400px;}

 

 

 

 

最后单元格的合并

横向合并<th colspan="2"></th>

横向合并<th rowspan="2"></th>

 

请参看 http://blog.163.com/robin_hun/blog/static/103234391201110210316425/