本文主要介绍“css如何消除表格之间的空格”。在日常操作中，相信很多人对css如何消除表与表之间的空格有疑问。边肖查阅了各种资料，整理出简单易用的操作方法，希望能帮助大家解答“css如何消除表与表之间的空格”的疑惑！接下来，请和边肖一起学习！
Css中，可以使用“边框折叠”属性来消除表格之间的空格，这可以设置表格之间的边框是否合并。当属性值折叠时，可以消除表之间的空格并合并边框。语法“表元素{边框-折叠3360折叠；}”。
本教程操作环境：windows10系统，CSS3HTML5第5版，戴尔G3电脑。
css怎样消除表格间的空格
在css中，如果您想要消除表格之间的空格，可以使用边框折叠属性来设置表格的边框是合并为单个边框还是像在标准HTML中那样单独显示。
如果属性的值设置为折叠，表之间的边框将合并为一个边框，两个表共享一个边框，从而消除了表之间的空格。
例子如下：
！DOCTYPEhtml
htmllang=’en ‘
头
metachartset=’ UTF-8 ‘
元名称=“视口”内容=“宽度=设备宽度，初始比例=1.0”
meta http-equiv=’ X-UA-Compatible ‘ content=’ ie=edge ‘
标题文档/标题
风格
表格{
边框塌陷：
}
/style
/head
身体
tableborder=’1 ‘
tr
td111/td
td222/td
/tr
tr
td333/td
td444/td
/tr
tr
td555/td
td666/td
/tr
tr
td777/td
td888/td
/tr
/table
tableborder=’1 ‘
tr
td111/td
td222/td
/tr
tr
td333/td
td444/td
/tr
tr
td555/td
td666/td
/tr
tr
td777/td
td888/td
/tr
/table
/body
/html html输出结果：
至此，“css如何消除表间空格”的研究结束，希望能解决大家的疑惑。理论和实践的结合可以帮助你学得更好。去试试吧！如果你想继续学习更多的相关知识，请继续关注网站，边肖会继续努力，给大家带来更多实用的文章！
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/138728.html