任务描述
本关任务:创建一个表格,它的边框宽度为2px
, cellpadding
值为6
,内容和效果图展示的一样
属性的先后顺序为:border -- cellpadding
。
实现的效果如下:
相关知识
第二关虽然设置了宽、高,可是内容是紧挨着边框的,怎么使表格的内容和边框有间距呢?
这里用到了表格的另一个属性cellpadding
,它规定了单元边沿与其内容之间的空白。
这里用图来说明,如图所示:
灰色部分表示cellpadding
,它的值表示灰色部分的宽度。
例子如下:
<table border="2" cellpadding="20">
<tr>
<td>姓名</td>
<td>年龄</td>
</tr>
<tr>
<td>张三</td>
<td>18</td>
</tr>
</table>
效果如下:
编程要求
请仔细阅读右侧代码,结合相关知识,在 Begin-End
区域内进行代码补充,完成一个表格的创建任务。
测试说明
平台会对你的代码进行运行测试,如果实际输出结果与预期结果相同,则通关;反之,则 GameOver
。
赶快试一下吧!!!
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<!-- ********* Begin ********* -->
<table border="2" cellpadding="6">
<tr>
<td>姓名</td>
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>合计</td>
</tr>
<tr>
<td>李四</td>
<td>90</td>
<td>95</td>
<td>80</td>
<td>265</td>
</tr>
</table>
<!-- ********* End ********* -->
</body>
</html>