html 如何消除表格间隙,html,表格去掉间隙.doc

html,表格去掉间隙

篇一：HTML表格边框的设置小技巧

HTML表格边框的设置小技巧

对于很多初学HTML的人来说，表格

一般我们用表格的时候总会给它个border属性，比如：

可以发现表格的边框好像很宽，当然这里的“很宽”绝对不是表格border的宽，大家看到的宽应该是

属性即可，即：，效果如下：

但是，好像宽度还是没有我们想象的那样：只有一个像素的宽，其实，上图大家看到的其实是两个像素的宽，为什么呢，这是因为

即

再给表格加个颜色，

篇二：HTML表格画线控制

HTML：table表格画线控制

标签： html：table表格画线控制it

分类： 编程语言

这个表格去掉了单元格之间的纵向分隔线和横向分隔

线

这个表格去掉了单元格之间的横向分隔线

其实上面的三个表格都有三行三列，隐藏分隔线的诀窍在于rules，察看这三个表格的源代码，我们可以看到

二、表格边框的隐藏

这是一普通的表格

只显示上边框

只显示下边框

只显示左、右边框

只显示上、下边框

只显示左边框

只显示右边框

不显示任何边框

表格边框的显示与隐藏，是可以用frame参数来控制的。请注意它只控制表格的边框图，而不影晌单元格。 只显示上边框

这是一普通的表格

表格加上了漂亮的细线 单元格背景的不同)

cellspacing=0

bgcolor=#FFFFFF

(利用cellspacing1像素间隙和表格与bgcolor=#FFFFFF表

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

效果却一样。

细

(对单元格border的定义)

BORDER-bottom: r