table中td加边框后,各个td之间有空隙

在table中添加<table style="border-collapse:collapse">即可。

css手册这么描述
border-collapse 属性设置表格的边框是否被合并为一个单一的边框，还是象在标准的 HTML 中那样分开显示、、、
    值                         描述 
separate     默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。 

collapse     如果可能，边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。 

inherit 规定应该从父元素继承 border-collapse 属性的值。

实现td内容居中

td { 
    text-align:center; 
}