html,表格去掉间隙.doc

html,表格去掉间隙 篇一：HTML表格边框的设置小技巧 HTML表格边框的设置小技巧 对于很多初学HTML的人来说，表格lt;table是最常用的标签了，但对于表格边框的控制，很多初学者却不甚其解。 一般我们用表格的时候总会给它个border属性，比如：lt;table border=1，其 可以发现表格的边框好像很宽，当然这里的“很宽”绝对不是表格border的宽，大家看到的宽应该是lt;td之间有间隙所致。因此只需要修改表格的cellspacing 属性即可，即：，效果如下： 但是，好像宽度还是没有我们想象的那样：只有一个像素的宽，其实，上图大家看到的其实是两个像素的宽，为什么呢，这是因为lt;td之间的边框没有重合所致。修改表格的border-collapse属性即可， 即lt;table border=1px cellspacing=0px 再给表格加个颜色，lt;table border=1px bordercolor=#000000 篇二：HTML表格画线控制 HTML：table表格画线控制 标签： html：table表格画线控制it 分类： 编程语言 这个表格去掉了单元格之间的纵向分隔线和横向分隔 线 这个表格去掉了单元格之间的横向分隔线 其实上面的三个表格都有三行三列，隐藏分隔线的诀窍在于rules，察看这三个表格的源代码，我们可以看到lt;TABLE标签中都有 rules。 它有三个参数(cols,rows,none)，当rules=cols时，表格会隐藏纵向的分隔线，这样我们就只能看到表格的行；当rules= rows时，则 隐藏了横向的分隔线，这样我们只能看到表格的列；而当rules=none时，纵向分隔线和横向分隔线将全部隐藏。 二、表格边框的隐藏 这是一普通的表格 只显示上边框 只显示下边框 只显示左、右边框 只显示上、下边框 只显示左边框 只显示右边框 不显示任何边框 表格边框的显示与隐藏，是可以用frame参数来控制的。请注意它只控制表格的边框图，而不影晌单元格。 只显示上边框 lt;table frame=above 只显示下边框 lt;table frame=below 只显示左、右边框 lt;table frame=vsides 只显示上、下边框 lt;table frame=hsides 只显示左边框 lt;table frame=lhs 只显示右边框 lt;table frame=rhs 不显示任何边框 lt;table frame=void 三、表格边框 这是一普通的表格 表格加上了漂亮的细线 单元格背景的不同) lt;table border=1 width=200 cellpadding=0 cellspacing=0 lt;tr align=centerlt;td普lt;/td lt;td表lt;/td lt;/tr lt;tr align=centerlt;td通 lt;/td lt;td格lt;/td lt;/tr lt;/table lt;table border=0 width=200 cellspacing=1 cellpadding=0 bgcolor=#000000 lt;tr align=center bgcolor=#FFFFFFlt;td bgcolor=#FFFFFF细lt;/td lt;td bgcolor=#FFFFFFlt;td bgcolor=#FFFFFF线lt;/td lt;td bgcolor=#FFFFFF格lt;/td lt;/tr lt;/table lt;table width=200 cellspacing=0 cellpadding=0 lt;tr align=centerlt;td style=BORDER-top: rgb(0,0,0) 1px (利用cellspacing1像素间隙和表格与bgcolor=#FFFFFF表lt;/td lt;/tr lt;tr align=center groove; BORDER-bottom: rgb(0,0,0) 1px groove; BORDER-left: 这和上面那个可不一样，它用的是CSS， rgb(0,0,0) 1px groove; BORDER-right: rgb(0,0,0) 1px groove 效果却一样。 细lt;/td lt;td style=BORDER-top: rgb(0,0,0) 1px groove; (对单元格border的定义) BORDER-bottom: rgb(0,0,0) 1px groove; BORDER-right: rgb(0,0,0)