问题很简单:如何让橙色底部边框越过蓝色边框,而不是下面?
* {
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,我只想覆盖它。