Html css表格末尾的双边框闭合单元格

我已经创建了css，使其具有边框，使表格看起来像一个带有1px的网格。第一列是双边框。问题是最后一行前两个单元格由于双边框而未关闭。我不能在表级别使用边框，因为它也会关闭第一行单元格，这不是必需的。第一行单元格顶部边框设置为白色，因此没有边框

我也尝试了框布局css道具，但这张表级别的&border-top引入了表。我知道我可以在div中添加它，这样div就可以有边框了，但我正在寻找解决这个问题的最佳方法，包括使用属性设置table、tr或td level来解决它

下表是css，也可以在此处找到：

---

这不是最清晰的答案，但它确实有效。看起来是浏览器对导致问题的双边框的解释，所以我将表设置为相对位置，然后使用：after伪元素添加了一条位于表底部的线

---

是的，我不太清楚你在问什么。它还有助于使它包含到JSFIDLE的代码链接，以便我们可以使用代码。。我知道这个问题只发生在IE中的firefox中，没有任何线索。。下面是链接==>这是什么。sty4 tr:last child td{border bottom:0px；}您想要什么？Glenn，如果无法从文本中获取，您可以在FF&IE中进行fdl链接并进行视觉比较，以查看最后一行单元格间距。我尽量用文字解释这个问题&在我的上一次cmt中，我确实提到了FF中的问题。按要求提供链接。不确定我还能做什么或你的建议。然后，您可以尝试David link for soln查看FF中最后一个单元格的间距，我猜它是position:relative&.sty4:css prop解决它之后。Gustonez，.sty4 tr:last child td{border bottom:0px；}要删除最后一个单元格底部边框，以便添加表bdr，正如前面所解释的，这是一个失败的解决方法。我建议删除flg，因为这个问题&david soln可能对许多人有帮助，让其他人理解这个问题&david soln对其他寻找css的人有帮助。谢谢大卫，我仍在努力理解解决方法和其他方法，但你的方法非常有效。又是thx

<table class="tblplg sty4">
                <tbody>
                    <tr>
                        <td>1</td>
                        <td>2</td>
                        <td>3</td>
                        <td>4</td>
                    </tr>
                    <tr>
                        <td>4</td>
                        <td>5</td>
                        <td>6</td>
                        <td>7</td>
                    </tr>
                    <tr>
                        <td>8</td>
                        <td>9</td>
                        <td>10</td>
                        <td>11</td>
                    </tr>
                    <tr>
                        <td>12</td>
                        <td>13</td>
                        <td>24</td>
                        <td>15</td>
                    </tr>
                </tbody>
            </table> 


<style type="text/css">
/*style4*/
.tblplg.sty4  {
    border-collapse:collapse;
    text-align: center;

}

.sty4 td {
         border: 1px solid black;
}

.sty4 td:first-child {
    text-align: left;   
}


.sty4 tr:first-child td{
    border-bottom: double   
}

.sty4 tr:first-child td:first-child{
    border-left: 0px;   
}

.sty4 tr:first-child td{
    border-top: 0px;    
}


.sty4 td:first-child {
         border-right: double;

}

.sty4 tr:last-child td {
         border-bottom: 0px;


}
/*style4*/
</style>