有边框的简易表格

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;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{178px;}
.w400{400px;}

最后单元格的合并

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

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

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