<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<table border="1" id="dataTable" style=" border-collapse:collapse;border-spacing:0; border:1px solid #FFFFFF;" >
<tr style="background:#50aca2;color: #fff;border-bottom-width: 0; text-align: center; height: 2.2rem;">
<td>姓名</td>
<td>联系电话 </td>
<td>邮箱 </td>
</tr>
<tr style="background: #e5efeb; text-align: center;height: 2.2rem;">
<td>王婷</td>
<td>15210441885</td>
<td>1357097537@qq.com</td>
</tr>
<tr style="background: #e5efeb; text-align: center;height: 2.2rem;">
<td>小金龙</td>
<td>13661725475</td>
<td>1357097537@qq.com</td>
</tr>
</table>
</body>
</html>
前端切图：一个好看的表格css样式
原文地址：http://www.cnblogs.com/wangting888/p/7908442.html