用HTML创建表格

用HTML建表格

<table> <caption>...（标题）...</caption> <tr> <th>...</th> .... </tr> <tr> <td>...</td> .... </tr> .... </table>

a. 如果一个单元格是空的，则<td>元素中不放置任何内容。
b. 表格数据跨多行或多列
跨多列：在单元格<td>里添加rowspan，删除同一行中的表格数据；
跨多行：添加colspan属性，然后指定列数，
c. 镶嵌表格
将一个<table>元素放在<td>元素中。

2. 为表格增加CSS样式
   a. 一般在左右边增加一个外边距（margin）;为整个表格增加一个边框（border），边框间距（border-spacing）为0px，或折叠边框（border-collapse:collapse）,标题（caption）移到表格下方;
   b. 接着修改表格数据单元格（td/th）的边框（border），为单元格增加内边距（padding）;
   c. 给表行添加颜色: 1. 用类；2. 用id;3. 用伪类 nth-child

th:nth-child(even) {......} th:nth-child(odd) {......}
或
th:nth-child(2n) {......} th:nth-child(2n+1) {......}
d. 可以用text-align 和vertical-align CSS属性改变单元格中数据的对齐方式
d. 为标题指定样式

3. 几个特定于列表的CSS属性
   list-style-type属性 改变列表中使用的列表图标
   list-style-type :(图标类型)
   list-style-image属性 指定列表标记图像
   list-style-image：url(..路径..)
   list-style-position属性 控制列表上的文本的回绕
   list-style-position:inside (在标记下回绕)
   list-style-position:outside (在文本下回绕)