Html 如何在Chrome中为表格单元格添加透明边框？

我还没来得及得到完整的答案，我就结束了我的演讲，所以我将以不同的方式分阶段进行

在Chrome中，如果在一个表格单元格上设置边框底部，则必须在同一行中的所有单元格上设置边框底部，否则Chrome不知道如何处理未计算的空间

我只是用一个白色的边框使它看起来好像其他单元格没有边框一样。但是如果我有一个渐变背景，不想出现一条白线呢

---

这似乎没有任何影响。也不起作用。

我认为这要么是一个bug，要么是对Chrome中的

边框折叠属性的不同解释。如果从
中删除
边框折叠：折叠
，它似乎可以正常工作（如预期的那样）：

另一种方法是使用表单元格中包含的具有边框的另一个元素

<td><div style="border-bottom:1px solid black;width:1.5in;">&nbsp;</div></td>



问题在于
1px实心透明
对于从上一个同级延伸而来的下方“边框”是透明的。更好的方法是不使用表。
根据它，所有这些都归结为
边框折叠属性：

分离模型是传统的HTML表边界模型。
相邻的单元都有各自不同的边界。距离
它们之间的间距由边界间距属性给定

在折叠的边框模型中，相邻的表格单元格共享边框。在里面
对于该模型，inset的边框样式值的行为类似于groove，并且
它的行为像山脊

将“边框折叠”（border collapse）更改为“分离”（separate），效果良好：
我可以在不使用透明的情况下使其工作

<table>
    <tr><td id=cell1>bleah</td><td id=cell2>bleah</td></tr>
    <tr><td id=cell3>blah</td><td id=cell4>blah</td></tr>
</table>

#cell1 {
    border-bottom: 1px solid black;
}
#cell4 {
    border-bottom: 9px dotted red;
}


布莱伯利亚
布拉布拉赫
#第1单元{
边框底部：1px纯黑；
}
#第四单元{
边框底部：9px点红色；
}
我不确定如果没有表格，如何使其对齐。下面的文字需要与下划线对齐。啊！这就是CBroe所说的。我仍然不能100%确定它为什么会这样；假设该边框与下面的单元格共享，而该单元格没有定义边框。那么…它是从哪里来的？哦……哦，没关系。是的。因为科尔斯潘！现在这是有道理的。