有边框的简易表格

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

最后单元格的合并请参看 http://blog.163.com/robin_hun/blog/static/103234391201110210316425/

有边框的简易表格

原文：http://www.cnblogs.com/ruoqiang/p/4029179.html