web表格CSS 属性

1、表格边框

指定 CSS 表格边框，使用 border 属性，通常定义td,th的边框属性

表格会呈现双边框，是因为表和 th / td 元素有独立的边界。

table存在默认属性border-collapse：separate

2、表格的折叠边框

border-collapse 属性设置表格的边框是否被合并为一个单一的边框

• 取值

  • separate：边框独立（默认值）

  • collapse：相邻边框被合并

• border-spacing:单元格之间的间距

  • border-spacing:水平方向 垂直方向；

  • border-spacing：一个值；代表水平方向和垂直方向的间距是一样的 注意：只有在 边框独立border-collapse: separate时才能用

3、单元格内容的垂直对齐

• vertical-align 作用：垂直对齐属性设置垂直对齐，比如顶部，底部或中间

• 常用值

  • top顶部对齐

  • middle居中对齐

  • bottom底部对齐

小节：如何使用css实现表格的1像素边框