任务描述
本关任务：美化简历表页面。
相关知识
为了完成本关任务，你需要掌握：1.CSS控制表格样式
CSS控制表格样式
除了表格标签自带的属性外，还可用CSS的边框、宽高、颜色等来控制表格样式。此外，CSS中还提供了表格专用属性，以便控制表格样式。
1
1.CSS控制表格边框
CSS代码如下所示：
table{
width:280px;
height:280px;
border:1px solid #F00; /设置table的边框/
}
td,th{ border:1px solid #F00; } /为单元格单独设置边框/
2.CSS控制表格边距
CSS代码如下所示：
th,td{
border:1px solid #30F; /为单元格单独设置边框/
padding:20px; /为单元格内容与边框设置20px的内边距/
margin:20px; /为单元格与单元格边框之间设置20px的外边距/
}
3.CSS控制单元格宽高
CSS代码如下所示：
td{
width:20px;
Height:20px;
}
编程要求
根据任务描述提示的目标效果，在右侧编辑器补充代码，具体要求如下：
1.设置table的边框为1像素、实线、且颜色为#ccc。
2.设置table的宽度高度分别为600像素和40像素。
3.用两个参数设置外边距：上下为0像素、左右居中。
4.运用border-collapse属性将表格的双边框合并为一个单一边框。
5.设置table中字体大小为14像素。
测试说明
补充代码后，请点击测评，平台会对你编写的代码进行测试，如果正确则完成闯关任务。
越努力越幸运，祝你成功！
代码示例
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>简历表</title>
<!-- ********* Begin ********* -->
<style type="text/css">
table{
border: 1px solid #ccc ; /*设置table的边框*/
width:600px;
height:40px;
margin: 0 auto;
border-collapse: collapse;
font-size: 14px;
}
td{
width:80px;
border:1px solid #ccc;
}
.one{
background:#eee;}
.two{
text-align:center;
font-size:20px;
font-weight:bold;
}
</style>
<!-- ********* End ********* -->
</head>
<body>
<table>
<tr>
<td colspan=5 class="one two">简历表</td>
</tr>
<tr>
<td class="one">姓名</td>
<td></td>
<td class="one">民族</td>
<td></td>
<td rowspan=5>照片</td>
</tr>
<tr>
<td class="one">籍贯</td>
<td></td>
<td class="one">身高</td>
<td></td>
</tr>
<tr>
<td class="one">婚姻状况</td>
<td></td>
<td class="one">电子邮件</td>
<td></td>
</tr>
<tr>
<td class="one">联系电话</td>
<td></td>
<td class="one">QQ号码</td>
<td></td>
</tr>
<tr>
<td class="one">出生年月</td>
<td></td>
<td class="one">国籍</td>
<td></td>
</tr>
<tr >
<td class="one">目前所在地</td>
<td colspan=4></td>
</tr>
</table>
</body>
</html>