使用css在单元格(td)之间添加空格

Amr*_*mra 83 html css

我试图在单元格之间添加一个空格,因为单元格的背景颜色是白色,表格的背景颜色是蓝色,您可以很容易地看到填充和边距不起作用(我正在应用它td),它只会在单元格内部添加空间.

Dom*_*ger 112

你想要border-spacing:

<table style="border-spacing: 10px;">
Run Code Online (Sandbox Code Playgroud)

或者在某个地方的CSS块中:

table {
  border-spacing: 10px;
}
Run Code Online (Sandbox Code Playgroud)

怪异模式border-spacing.请注意,这border-spacing不适用于IE7及更低版本.

  • 在IE7及更低版本中,您可以在表格标签中使用cellspacing属性.您可以同时提供它以使其在IE中工作.其他浏览器将优先考虑该样式. (2认同)

小智 33

table { 
  border-spacing: 10px; 
} 
Run Code Online (Sandbox Code Playgroud)

一旦我删除,这对我有用

border-collapse: separate;
Run Code Online (Sandbox Code Playgroud)

从我的表标签.


Jan*_*rup 26

我的是:

border-spacing: 10px;
border-collapse: separate;
Run Code Online (Sandbox Code Playgroud)