1. 在 table的css里面加: border-collapse:collapse;
在 td 的css里面加: empty-cells:show;
2 .最简单的就是 在TD里写个
说明:
border-collapse设置或检索表格的行和单元格的边是合并在一起还是按照标准的HTML样式分开。
定义和用法
border-collapse 属性设置表格的边框是否被合并为一个单一的边框，还是象在标准的 HTML 中那样分开显示。
| 默认值： | separate |
|---|---|
| 继承性： | yes |
| 版本： | CSS2 |
| JavaScript 语法： | object.style.borderCollapse="collapse" |
浏览器支持
所有主流浏览器都支持 border-collapse 属性。
注释：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。
注释：如果没有规定 !DOCTYPE，则 border-collapse 可能产生意想不到的结果。
可能的值
| 值 | 描述 |
|---|---|
| separate | 默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。 |
| collapse | 如果可能，边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。 |
| inherit | 规定应该从父元素继承 border-collapse 属性的值。 |
empty-cells:
定义和用法
empty-cells 属性设置是否显示表格中的空单元格（仅用于“分离边框”模式）。
注释：某些版本的 IE 浏览器不支持此属性。
说明
该属性定义了不包含任何内容的表单元格如何表示。如果显示，就会绘制出单元格的边框和背景。除非 border-collapse 设置为 separate，否则将忽略这个属性。
| 默认值： | show |
|---|---|
| 继承性： | yes |
| 版本： | CSS2 |
| JavaScript 语法： | object.style.emptyCells="hide" |
浏览器支持
所有浏览器都支持 empty-cells 属性。
注释：如果已规定 !DOCTYPE，那么 Internet Explorer 8 （以及更高版本）支持 empty-cells 属性。
可能的值
| 值 | 描述 |
|---|---|
| hide | 不在空单元格周围绘制边框。 |
| show | 在空单元格周围绘制边框。默认。 |
| inherit | 规定应该从父元素继承 empty-cells 属性的值。 |