幻影边界表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;

到outertable td可以做到这一点

jsfiddle