Html 重叠表元素左边框和右边框

我想将表格第一行中的每个元素设置为具有特定颜色的左边框和特定颜色的右边框。不幸的是，看起来相邻表格单元格的边框是重叠的，我只看到左边边框的颜色。左侧边框应为浅灰色，右侧为深灰色

下面是生成表格的HTML。（HTML以cherrypy格式生成）

---

在css中，您为边框颜色属性添加了错误的值。 你可以这样写：

border-right-color: 1px solid #6c6c6c; 

虽然它应该是：

border-right-color: #6c6c6c; 

---

在

表

CSS上使用以下属性

border-collapse: separate;
border-spacing: 0px;

表格{
字体系列：verdana、arial、无衬线字体；
字体大小：11px；
左边距：自动；
右边距：自动；
边框宽度：1px；
边界塌陷：分离；
边界间距：0px；
}
运输署{
填充：3倍；
}
#科尔海德{
字体大小：粗体；
文本对齐：左对齐；
背景色：#9898；
颜色：#000000；
左边框颜色：红色；
左边框样式：实心；
左边框宽度：2px；
右边框颜色：蓝色；
右边框样式：实心；
右边框宽度：1px；
}
#科尔海德时间{
字体大小：粗体；
文本对齐：右对齐；
背景色：#9898；
颜色：#000000；
左边框颜色：红色；
左边框样式：实心；
左边框宽度：2px；
右边框颜色：蓝色；
右边框样式：实心；
右边框宽度：1px；
}

%
跟踪
艺术家
时间
专辑

您可以使用

边框折叠：折叠使用
边框间距：0；边界塌陷：无塌陷取而代之。
尝试不使用
边框折叠
？此外，您的
边框右侧颜色
没有用户2788058在下面的回答中指出的有效值。删除
边框折叠
后，我可以看到深灰色和浅灰色，但我得到一条可怕的白线，将我表格中的所有单元格分隔开来。请在内联代码块的前面和末尾添加一个`以将它们格式化为代码。对于多行代码，使用按钮栏中的
{}
按钮。在pdf中解决了td边界问题。td边框变得比桌子宽度大。谢谢@瓦伦：欢迎你，伙计。值得注意的是，一个古老的答案很有用：）边界折叠没有“无折叠”值。我想你应该“分开”
border-right-color: #6c6c6c; 

border-collapse: separate;
border-spacing: 0px;