首页 > 代码库 > 有边框的简易表格

有边框的简易表格

 

html:

<table>
<tr>
<td><img src="http://www.mamicode.com/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/

有边框的简易表格