Saber2pr's Blog

表格

表格 table


table > tbody > tr > td 结构

表格区域

  1. 表头 thead
  2. 表格主体 tbody
  3. 表尾 tfoot

表格网格

  1. 行 tr
  2. 列 th(加粗), td

常用属性

  1. align: left | center | right

指定了包含在文档中的表格必须如何对齐

  1. bgcolor

定义了表格的背景颜色

  1. border

定义了表格边框的大小

  1. cellpadding

定义了表格单元的内容和边框之间的空间(padding)

  1. cellspacing

定义了两个单元格之间空间的大小(margin)

  1. frame(已废弃): above | below | hsides | vsides | lhs | rhs | border | box | void

定义了包围在表格周围的框架的哪个边必须显示

<table>
  <thead>
    <tr>
      <th>名称</th>
      <th>价格</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>妖梦</td>
      <td>233
lt;/td> </tr> <tr> <td>Sep</td> <td>233
lt;/td> </tr> </tbody> <tfoot> <tr> <td>共计</td> <td>466
lt;/td> </tr> </tfoot> </table>

通常情况下表格必设置样式 border-collapse: collapse, 将单元格边框重叠。