表格相关总结

2016-11-22  本文已影响8人  筱南独舞

表格标签

  1. <table>:定义表格,表格的边界标签,必定包裹表格的其他元素标签;
  2. <tr>:定义表格的行;
  3. <th>:定义表格的表头,需要被<tr>包裹;
  4. <td>:定义表格的单元,需要被<tr>包裹;
  5. <thead>:定义表格的页眉,表格分组标签,可将表格分割;
  6. <tbody>:定义表格的主体,表格分组标签,可将表格分割;
  7. <tfoot>:定义表格的页脚,表格分组标签,可将表格分割;

注:如果使用thead、tfoot、tbody元素(使用顺序),就必须三个同时使用。

  1. <tr>:定义表格标题;

表格常用属性

  1. colspan="value" 合并列;
  2. rowspan="value" 合并行;
  3. align="left/center/right" 水平对齐;
  4. valign="top/bottom/middle/baseline" 垂直对齐方式;
  5. cellpadding="value" 单元边沿与其内容之间的空白;
  6. cellspacing="value" 单元格之间的空白;

表格的css属性

  1. caption-side:top/bottom/left/right; 设置表格标题放置的位置;
  2. border-spacing:value; 单元格间距;
  3. border-collapse:separate(边框分开)/collapse(边框合并)
  4. empty-cells:show/hide; 无内容单元格表示、隐藏;
  5. table-layout:auto(自动表格布局)/fixed(固定表格布局);
上一篇 下一篇

猜你喜欢

热点阅读