解决table的宽高总是比td大4px的溢出问题

问题：已知table的margin=0、border=0、padding=0，但table做的背景溢出，如下图。

问题定位：通过Chrome的代码检测发现table中border-pacing默认为2px，如下图。

解决方法：修改table的样式属性border-pacing为0px。

table{
    border-spacing:0px;
}

结果：table的背景未溢出，如下图。

原理分析
border-spacing是表格的边框间距，可以设置距离最近元素的间距。
举例解释，将border-spacing设置如下。

/*举例解释*/
table{
      border-spacing:10px 30px;
      border:1px;
}

结果：表格的td距离最近的元素左右边界为10px，上下边界为30px。如下图。