表格边框合并之前：

表格外层与列之间默认有一定距离

做一些处理：

<style type="text/css">
            table{
                width: 400px;
                margin: 0 auto;
                /* border: 1px solid black; */
                /* table和td之间有一段默认的距离 通过border-spacing属性可以设置这个距离 */
                /* border-spacing: 0px; */
                border-collapse: collapse;
            }
             
            td{
                border: 1px solid black;
            }
            
        </style>

处理后：

ok！