首页 > 网页制作 > HTML/Xhtml

HTML表格边框的控制实现代码

admin HTML/Xhtml 2022-02-05 02:07:26 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

版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。
本文地址:/web/HTML/71913.html

留言与评论(共有 0 条评论)
   
验证码:

潘少俊衡

| 桂ICP备2023010378号-4

Powered By EmpireCMS

爱享小站

中德益农

谷姐神农

环亚肥料

使用手机软件扫描微信二维码

关注我们可获取更多热点资讯

感谢潘少俊衡友情技术支持