html - 表格边框不直

Question

我正在使用表格创建一个 html 迷宫，由于某种原因，边框没有正确显示。边框不是漂亮的直线，而是显示为对角线斑点。有没有办法解决这个问题？这是我的例子：http ://thomaswd.com/maze 。

输出：

我的 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;
}

Answer 1

border: 20px solid transparent;从您的选择器中删除section table tr td（未在您的代码示例中显示），它看起来不错。