在没有单元格的地方的表边框

Question

我正在尝试创建一个表格，我希望在表格周围（以及行和列之间）有一个边框。问题是我的表格中有一些空格，表格的边框没有显示，如果我尝试给表格提供“轮廓”属性，表格边框与单元格边框合并，在某些边框处创建一个更宽的边框地方。

以下是相关代码 -

table{
    text-align: center;
    vertical-align: middle;
    padding: 1.5em;
    border-collapse: collapse;
    border: 1px solid #ccc;
    background-color: #eee;
}
tr,th,td{
    text-align: center;
    vertical-align: middle;
    padding: 1.5em;
    border-collapse: collapse;
    border: 1px solid #ccc;
    background: #fff;
}

这是表格的外观 -

没有边界：

这是当我将outline: 1px solid #ccc;添加到表的属性 -

时会发生什么

双边框：

建议有效的解决方案。