2.1 表格的边框属性

1.border-collapse

可以取值为：
separate： 边框独立
collapse： 相邻边被合并

有时表格的边框看上去中间的比两边要粗，使用因为两个 td 单元格的边框紧贴导致的，使用border-collapse可以合并相邻的边，使其变得大小均匀。
默认值为separate，独立边框。

table,
td,
th {
  border: 1px solid pink;
  /*合并相邻的边框*/
  border-collapse: collapse;
  font-size: 10px;
  text-align: center;
}

2.border-spacing

取值：

：
用长度值来定义行和单元格的边框在横向和纵向上的间距。不允许负值。
设置或检索当表格边框独立时，行和单元格的边框在横向和纵向上的间距

• 该属性作用等同于标签属性cellspacing(单元格边距)。border-spacing:0等同于cellspacing=”0”
• 只有当表格边框独立（即 <’ border-collapse ‘> 属性等于separate时）此属性才起作用。
• 如果提供全部两个length值时，第一个作用于横向间距，第二个作用于纵向间距。
• 如果只提供一个length值时，这个值将作用于横向和纵向上的间距。
• 对应的脚本特性为borderSpacing。