CSS表边框不会折叠

Question

我有一张这样的桌子，我正在添加边框底部。列之间有空格。我无法想象我做错了什么。我该怎么办？

#T_e5208500_98ac_11e7_a588_1866da2de39f table {
    border-collapse: collapse;
    table-layout: fixed;
}        
#T_e5208500_98ac_11e7_a588_1866da2de39f th,td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    width: 67px;
}        
#T_e5208500_98ac_11e7_a588_1866da2de39f th {
    text-align: left;
    border-bottom: 1px solid black;
}      
#T_e5208500_98ac_11e7_a588_1866da2de39f td {
    text-align: right;
}     

Answer 1

您可以尝试在CSS代码中包含以下行

table{
border-spacing : 0;
}

Sample Example

Answer 2

试试这个代码段：

#T_e5208500_98ac_11e7_a588_1866da2de39f table,th,td{
    border-collapse: collapse;
}

Answer 3

缺少一些HTML，但这是一个简单的解决方案

<table>
    <thead>
        <th>Header 1</th>
        <th>Header 2</th>
    </thead>
    <tr>
        <td>Hello Header</td>
        <td>Hello Header</td>
    </tr>
</table>

和css

table {
    border-collapse: collapse;
    table-layout: fixed;
}

th,td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: left;
    padding-right: 5px;
}
thead{
    border-bottom: 1px solid black;
}