Html 表格边框不直

我正在使用表格创建一个html迷宫，由于某些原因，边框显示不正确。边界显示为对角点，而不是漂亮的直线。有办法解决这个问题吗？下面是我的例子：

输出：

我的CSS：

section .l {
    border-left:20px solid #ff9c00;
}

section .r {
    border-right:20px solid #ff9c00;
}

section .t {
    border-top:20px solid #ff9c00;
}

section .b {
    border-bottom:20px solid #ff9c00;
}

section table {
    margin-right:auto;
    margin-left:auto;
    border:20px solid #FF9C00;
}

---

去除

边框：20px实心透明从
节表tr td
选择器（未显示在代码示例中），它看起来很好

duplicate:不是真正的复制品。。。您也可以考虑使用<代码>边界崩溃：在<代码>表元素上折叠。透明边框是只使用CSS制作三角形的好方法。如果您需要语音框样式的注释显示或其他内容，请记住。@jimjimmy1995 CSS
transform
也可以：