Css 如何为表格单元格边框的角指定上/下边框的颜色，而不是左/右边框的颜色

当角的两个相邻边具有不同的颜色时，是否有方法影响渲染的

div

（或在我的情况下

th

）的角像素的颜色

在我看来，无论我标记什么重要的东西，角落总是得到侧面的颜色。但是我想使用边框顶部颜色作为角点像素

像下面的例子一样，给第一行一个连续的黑色边框，并用难看的红色分隔单元格，而表格的其余部分则是灰色

表格{
边界塌陷：塌陷；
文本对齐：居中；
}
表tr td{
边框：8px纯灰；
}
表tr：第一个孩子{
边框：8px纯黑；
}
表tr th:not（最后一个子项）{
右边框：8px实心红色；
}
表tr：非（第一个孩子）td{
边界顶部：0；
}

我想要：
黑边
一行
分开的
具有
红色
一切
在下面
信息技术
简单地
灰色

您可以使用一个

伪元素来获取它们，该元素是整个
行+边框的大小。然后仅重新应用顶部和底部边框


表格{
边界塌陷：塌陷；
文本对齐：居中；
}
表tr td{
边框：8px纯灰；
边界顶部：无；
}
表tr：第一个孩子{
边框：8px纯黑；
}
表tr th:not（最后一个子项）{
右边框：8px实心红色；
}
表tr-th{
位置：相对位置；
}
表tr th：：之前{
内容：“；
位置：绝对位置；
顶部：-8px；左侧：-8px；
宽度：计算（100%+16px）；高度：100%；
边框宽度：8px0；
边框颜色：黑色透明；
边框样式：实心；
}
我想要：
黑边
一行
分开的
具有
红色
一切
在下面
信息技术
简单地
灰色
如果我想让标题的底线也变黑怎么办？我问这个问题是因为我怀疑我很快就会用完
：在
之前和
：在
之后。删除td第二行的
边框顶部。我已经在问题中添加了CSS规则，你能调整一下你的例子吗？也需要对其他角落进行分类，我认为在某些情况下，有三个角落。对于这样一件简单的事情来说，这感觉真的很糟糕……我已经重新调整了。我已经做了
：before
，将顶部和底部放在一起。是的，我知道这是相当骇人的。我觉得还有另一种方法，但现在想不出另一种方法。现在你应该得到我的
calc（）
函数的holly cow。我真的在想：如果我能有100%的尺寸加上几个像素就好了。非常感谢。不清楚你想要什么。您希望顶部和侧边边框是它们自己的颜色，然后它们连接的地方是另一种颜色？也许展示一张你想要的图片。不。我希望“它们连接的位置”是顶部边框颜色。如果您将单元格上的
显示
类型更改为类似
内联块
，边框颜色将正确重叠。我已经尝试过，现在玩了一会儿，它会弄乱表格布局。你能试着用一个片段来回答吗？
内联块
不起作用，因为所有单元格的宽度都与内容的宽度一样，除非你设置固定的宽度（这会导致一些单元格太小或太大）。正常的
表格单元格
会将一列中的所有单元格调整为最大单元格的宽度。一排也是如此。