设计一个这样的表格
需要用到的元素:
<table>标签定义表格。
<tr> 标签定义表格的行。
<td> 标签定义每行被分割为若干单元格,单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等
<caption>标签定义表格标题。caption 标签必须紧随 table 标签之后,只能对每个表格定义一个标题,默认这个标题会居中于表格之上。
可以在<td>标签放<table>标签
图中表格的第五栏有两行,其中两个数据的三个格合并了2个单元格,用rowspan="2"表示
表格样式
caption-side:bottom,把默认会居中于表格之上的标题放在表格之下。
border-collapse:collpase,把两个单元格的距离设为零。还可以通过border-spacing设置,比如border-spacing:10px 30 px;这两个方法都是对整个表格的单元格间的距离进行设置,不能对单个单元格进行设置