表格的综合案例

第1关：表格的综合案例

任务描述

本关任务：按照以下要求，完成一个复杂的表格创建任务。

创建表格的要求如下：

• 边框为2px；

• 宽为100%；

• cellspacing为0；

• cellpadding为6；

• 标题内容为本周财政计划；

• 在

• 姓名	年龄
  张三	18

效果图如下：



这样是不是效果要好一些。下面介绍一个这个属性。

text-align属性有下面的几个值：

• left：左对齐；

• center：居中对齐；

• right：右对齐；

• justify：两端对齐。

这几个值大家可以在表格里试一下，尝试一下不同的效果。

编程要求

请仔细阅读右侧代码，结合相关知识，在 Begin-End 区域内进行代码补充，完成一个表格的创建任务。

测试说明

平台会对你的代码进行运行测试，如果实际输出结果与预期结果相同，则通关；反之，则 GameOver。

---

赶快试一下吧！！！

//按照最细的划分，八行五列，再带入colspan和rowspan两个参数，然后修改，这里注意，表格属性设置的时候，彼此间隔只是一个空格，不能多打，然后一定是竖着写的，不能横着写

<style>
 
    table{
 
        text-align:center;
 
    }
 
</style>
 
<table border="2px" cellspacing="0" cellpadding="6" width="100%">
 
    <caption>本周财政计划</caption>
 
<tr>
 
   <td rowspan="2" colspan="2">项目</td>
 
   <td colspan="2">本周发生</td> 
 
   <td rowspan="2">备注</td>  
 
</tr>
 
<tr>
 
     <td>收入</td>
 
     <td>支出</td>   
 
</tr>
 
<tr>
 
     <td rowspan="3">收入</td>
 
     <td>贷款收回</td>
 
     <td>8700</td>
 
     <td>0</td>
 
     <td></td>   
 
</tr>
 
<tr>  
 
      <td>内部转款</td>
 
      <td>6000</td>
 
      <td>0</td>
 
      <td></td>  
 
</tr>
 
<tr>  
 
      <td>收入合计</td>
 
      <td>14700</td>
 
      <td>0</td>
 
      <td></td>  
 
</tr>
 
<tr>  
 
    <td rowspan="3">支出</td>
 
    <td>采购支出</td>
 
    <td>0</td>
 
    <td>5000</td>
 
    <td></td>  
 
</tr>
 
<tr>  
 
     <td>工资支出</td>
 
     <td>0</td>
 
     <td>7000</td>
 
     <td></td>  
 
</tr>
 
<tr>  
 
     <td>支出合计</td>
 
     <td>0</td>
 
     <td>12000</td>
 
     <td></td>  
 
</tr>
 
</table>