HTML表格

  • 表格的基本结构

    • table: 表格最外层大标签

    • tr: 表格每一行

    • td: 表格每个单元格,默认居左

  • 表格的完整结构

    • thead: 表格的头部,通常写表格每一列的标题

    • tbody: 表格的主体,写表格的数据

    • tfoot: 表格的底部,写表格的脚注

    • th: 表格标题的单元格。默认居中

    • caption: 表格的标题

  • 表格自带属性

    • border: 表格的边框

    • cellpadding: 单元格的内容与边框之间的空间

    • cellspacing: 单元格与单元格之间的空间

    • align: 单元格的水平对齐方式

    • valign: 单元格的垂直对齐方式

  • 表格的css属性

    • border-collapse

      • collapse: 表格设置为单一边框,cellspacing失效

  • 表格的合并

    • 行合并

      • rowspan

      • 两行合并为一行,上下合并

    • 列合并

      • colspan

      • 两列合并为一列,左右合并

上一篇:自定义table样式


下一篇:css-外边距折叠(margin collapse)详解