折叠边框的表格 - 右边框溢出底部

问题描述 投票:1回答:1

问题很简单:如何让橙色底部边框越过蓝色边框,而不是下面?

* {
  box-sizing: border-box;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td {
  border-right: 6px solid blue;
  border-bottom: 6px solid orange;
}
<table>
    <tr><td>aaa</td><td>aaa</td></tr>
    <tr><td>aaa</td><td>aaa</td></tr>
</table>

其中一个可能的解决方案在我的答案下面,但它是相当hacky一个,我很好奇是否有更漂亮的?


编辑:我知道这是默认行为,而不是一个错误,根据this answer,我只想覆盖它。

html css css3 border css-tables
1个回答
© www.soinside.com 2019 - 2024. All rights reserved.