表格布局的学问

在border-collapse:separate的模式下,也就是默认情况下,表格是分离边框模式

表格行是没有边框的


表格布局的学问

所以对tr设置边框是没有任何效果的,不过background属性仍然是有效的
 
表格布局的学问

在border-collapse:collapse模式下是可以指定表格式行边框的,会对应内部单元格的上下边框,不过在IE6下不行,仍然不能指定行边框,这时候可以设置单元格的上下边框来弥补

在标准浏览器中内部元素的边框会覆盖外部元素的边框,在IE6中却是反过来,外部的边框覆盖内部的边框,这时候可以对外部元素设置border-color:transparent来弥补

在标准浏览器中有一个 border-spacing属来可以设置单元格边框间的矩离,IE6没有这个属性,可以用table标签的cellspacing来代替一下,CSS的优先级要比标签属性的高,在边框合并模式下border-spacing是无效的,cellspacing也是无效的,不过IE6会出现怪异的情况


表格布局的学问


表格布局的学问