创建HTMl表格

设计一个这样的表格

需要用到的元素:

标签定义表格。

标签定义表格的行。

 

标签定义每行被分割为若干单元格,单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等

标签定义表格标题。caption 标签必须紧随 table 标签之后,只能对每个表格定义一个标题,默认这个标题会居中于表格之上。

可以在

标签放标签

图中表格的第五栏有两行,其中两个数据的三个格合并了2个单元格,用rowspan="2"表示

表格样式

caption-side:bottom,把默认会居中于表格之上的标题放在表格之下。

border-collapse:collpase,把两个单元格的距离设为零。还可以通过border-spacing设置,比如border-spacing:10px 30 px;这两个方法都是对整个表格的单元格间的距离进行设置,不能对单个单元格进行设置

你可能感兴趣的:(创建HTMl表格)