css怎样消除表格间的空格
作者:互联网
2026-04-12
css中,可利用“border-collapse”属性消除表格间的空格,该属性可设置表格间的边框是否合并,当属性的值为collapse时,可消除表格间的空格并合并边框,语法“表格元素{border-collapse:collapse;}”。

本教程操作环境:windows10系统、CSS3&&HTML5版、Dell G3电脑。
css怎样消除表格间的空格
在css中,想要消除表格间的空格可以通过border-collapse属性,border-collapse属性用于设置表格的边框是否被合并为一个单一的边框,还是象在标准的 HTML 中那样分开显示。
如果属性的值设置成collapse时,表格间的边框会合并为一个单一的边框,两个表格公用一个边框,这样就消除了表格间的空格了。

示例如下:
Document
| 111 | 222 |
| 333 | 444 |
| 555 | 666 |
| 777 | 888 |
| 111 | 222 |
| 333 | 444 |
| 555 | 666 |
| 777 | 888 |
输出结果:

(学习视频分享:css视频教程)
以上就是css怎样消除表格间的空格的详细内容,更多请关注本站其它相关文章!
相关推荐
