CSS表边框间距只有内部

前端之家收集整理的这篇文章主要介绍了CSS表边框间距只有内部前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经努力工作了几个月,谷歌没有帮助我。我试图在< td>和< th>标签在表中,但是当我做,它在外面做间距。因此,表不与任何其他内联。所以它看起来像表有一些填充。

我似乎找不到一个解决方案。

Here是这个问题的一个例子

解决方法

有相同的问题,边框间距属性增加了表周围的空间,据我所知,没有反正只限于“内部”,所以我使用透明边框:
table td {
   border-left: 1em solid transparent;
   border-top: 1em solid transparent;
}

这会将“边框间距”设置为正常,除了在表格的顶部和左侧有“不需要的”间距。

table td:first-child {
   border-left: 0;
}

选择第一列。

table tr:first-child td {
   border-top: 0;
}

选择第一行的td元素(假设表的顶部以tr元素开始,相应地改变th)。

猜你在找的CSS相关文章