border-collapse,border-spacing,empty-cells

684 阅读1分钟

border-collapse属性是运用在table标签里的, collapse值会让 边框合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性

border-spacing该属性指定分隔边框模型中单元格边界之间的距离。在指定的两个长度值中,第一个是水平间隔,第二个是垂直间隔。除非 border-collapse 被设置为 separate,否则将忽略这个属性。尽管这个属性只应用于表,不过它可以由表中的所有元素继承。

为表格设置 border-spacing:
table
  {
  border-collapse:separate;
  border-spacing:10px 50px;
  }

empty-cells 属性设置是否显示表格中的空单元格

隐藏表中的空单元格的边框和背景:
table
{
border-collapse:separate;
empty-cells:hide;
}