前端切图：一个好看的表格css样式
Posted 祈澈姑娘
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了前端切图：一个好看的表格css样式相关的知识，希望对你有一定的参考价值。
<!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样式的主要内容，如果未能解决你的问题，请参考以下文章
Web前端技术：CSS部分初识--行内样式内嵌样式外部样式，CSS的优先级，CSS的选择器，各种CSS样式（文本与文字颜色的表示背景的设置超链接列表表格图片）