用HTML创建表格

用HTML建表格

.... .... ....
...(标题)...
...
...

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

元素放在
元素中。

  1. 为表格增加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. 为标题指定样式

  1. 几个特定于列表的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 (在文本下回绕)

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