table对象cellSpacing属性是设置或返回table表格中单元格之间的距离，可以在table标签中添加cellspacing，也可以在js中设置单元格自检的距离工具/原料more 1.编辑器：notepad++ v.7.7.1 2.浏览器：百度浏览器8.7.5000.4983table中直接添加cellspacing属性1/3分步阅读

创建一个名称为 table_cellspacing 的html文件

2/3

添加一个 table表格对象,添加单元格和单元格内容， 设置id为 my_table_id_cellspacing，添加border属性设置值为1，添加cellspacing属性设置值为10

3/3

打开table_cellspacing文件，会看到table表格的单元格直接的距离为10

方法/步骤21/4

添加一个button按钮，在button的click点击事件中加入自定义函数名称为my_table_cellspacing，当点击button的时候会触发my_table_cellspacing自定义函数设置table单元格之间的距离

，添加一个p标签，设置p标签id 为 show_table_cellspacing，会显示设置cellspacing后返回的结果。

2/4

在javascript中创建一个自定义函数，函数名称为 my_table_cellspacing

3/4

在自定义函数中数通过表格id获取 table表格对象。用 cellspacing 属性设置表格的单元格之间的距离为20，将设置返回结果直接赋值到obj_i_table_cellspacing变量中，将返回结果加到p标签中显示。

4/4

在浏览器中打开文件table_cellspacing，点击button查看设置单元格距离的效果

注意事项

js中的cellspacing的s要大写否则会出错

table一定要添加border否则看不到效果

TABLECELLSPACINGCELLPADDING表格