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

试试这个片断：

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

Answer 2

它缺少一些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; 
} 

Answer 3

你可以试试下面的，包括在你的CSS代码行

table{ 
border-spacing : 0; 
} 

Sample Example