border-spacing

定义

border-spacing 属性设置相邻单元格的边框间的距离。

语法

border-spacing：length length|inherit;

属性值

值	说明
length length	规定相邻单元的边框之间的距离。使用 px、cm 等单位。不允许使用负值。如果定义一个 length 参数，那么定义的是水平和垂直间距。如果定义两个 length 参数，那么第一个设置水平间距，而第二个设置垂直间距。
inherit	指定应该从父元素继承border - spacing属性的值

实例

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>NTHOME-零基础入门学习Web（HTML5+CSS3）</title>
    <style>
        .ex1
        {
            border-collapse:separate;
            border-spacing:10px;
        }
        .ex2
        {
            border-collapse:separate;
            border-spacing:10px 50px;
        }
    </style>
</head>
<body>
   <table class="ex1" border="1">
       <tr>
           <th>姓名</th>
           <th>年龄</th>
       </tr>
       <tr>
           <td>Nature</td>
           <td>？</td>
       </tr>
       <tr>
           <td>？？？</td>
           <td>18</td>
       </tr>
   </table>
   <br>
   <br>
   <table class="ex2" border="1">
       <tr>
           <th>姓名</th>
           <th>年龄</th>
       </tr>
       <tr>
           <td>Nature</td>
           <td>？</td>
       </tr>
       <tr>
           <td>？？？</td>
           <td>18</td>
       </tr>
   </table>
</body>
</html>

姓名	年龄
Nature	？
？？？	18

姓名	年龄
Nature	？
？？？	18

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

Safari	Chrome	FireFox	IE
1.0	1.0	1.0	9.0