html - 表格内的幻影边框 Css

Question

我有一个表中表，并且有这些幻影边框。在我的一生中，我尝试了很多方法来消除这些多余的空间，但我不知道如何摆脱它们。查看jsfiddle

body{
    background: #ddd;
}
.outterTbl{
    border-collapse: collapse;
    border-spacing: 0px;
    background: green;
}
.outterTbl th{
    background: black;
    color: white;
}
.outterTbl td{
    margin: 0px; 
    border-spacing: 0px;
    border: none;
}
.innerTbl{
    border-collapse: collapse;
    border-spacing: 0px;
    text-align: center;
}
.innerTbl th{
    background: #3399cc;
    color: white;
}
.innerTbl tr:nth-child(odd) {
    background: white;
}
.innerTbl tr:nth-child(even){    
    background: #9ccde5;
}

Answer 1

添加

padding: 0px;

到外层 td 就可以了

jsfiddle