CSS border-spacing属性，设置相邻单元格边框距离

border-spacing属性

CSS的border-spacing属性可以用于设置table定义的表格中的相邻的单元格的边框距离，而且仅适用于边框分离模式的table表格。

语法

table{ border-spacing:length( length)}

提示：括号表示length可以有一个值，也可以有两个值。当只有一个length参数时，设置的是水平和垂直的间距；当有两个length参数时，则第一个length设置水平间距，而第二个length设置垂直间距。

属性值

属性值	描述
length	数值类型，单位可以是px、cm、em、pt等，不允许负值
inherit	从父元素继承border-spacing属性的值

border-spacing实例代码，及在线编辑器

<table border='1' class='t1'>
  <tr><td>CSS</td><td>HTML</td><td>JavaScript</td></tr>
  <tr><td>Python</td><td>Golang</td><td>Java</td></tr>
</table>
<br>
<br>
<table border='1' class='t2'>
  <tr><td>苹果</td><td>香蕉</td><td>油桃</td></tr>
  <tr><td>杨桃</td><td>荔枝</td><td>芒果</td></tr>
</table>

<style>
.t1{
border-collapse: separate;
border-spacing: 5px
}

.t2{
border-collapse: separate;
border-spacing: 5px 25px
}
</style>

hot：热门