您现在的位置: 万盛学电脑网 >> 程序编程 >> 网页制作 >> 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表格背景色设置代码介绍