您现在的位置: 万盛学电脑网 >> 程序编程 >> 网页制作 >> Html5 >> 正文

html表格边框技巧介绍

作者:佚名    责任编辑:admin    更新时间:2022-06-22

大家知道html表格边框吗?下面我们就给大家详细介绍一下吧!对于很多初学HTML的人来说,表格是最常用的标签了,但对于表格边框的控制,很多初学者却不甚其解。

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

,其效果如下:

ID NAME GENDER

1001 mike male

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

之间有间隙所致。因此只需要修改表格的cellspacing属性即可,即:,效果如下:

ID NAME GENDER

1001 mike male

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

之间的边框没有重合所致。修改表格的border-collapse属性即可,

ID NAME GENDER

1001 mike male

再给表格加个颜色,

ID NAME GENDER

1001 mike male

相信大家已经学会html表格边框了吧!感谢大家对我们网站的支持!

相关推荐:

什么是html表格背景色