• CSS Properties
  • border-spacing
​x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<style>
5
    table, td, th {
6
        border: 1px solid black;
7
    }
8
​
9
    .table1 {
10
        border-collapse: separate;
11
        border-spacing: 15px;
12
    }
13
​
14
    .table2 {
15
        border-collapse: separate;
16
        border-spacing: 15px 50px;
17
    }
18
</style>
19
</head>
20
<body>
21
​
22
<h1>The border-spacing property</h1>
23
​
24
<table class="table1">
25
    <tr>
26
        <th>Id</th>
27
        <th>Name</th>
28
        <th>Department</th>
29
    </tr>
30
    <tr>
31
        <td>1</td>
32
        <td>Victor</td>
33
        <td>Computer Science</td>
34
    </tr>
35
    <tr>
36
        <td>2</td>
37
        <td>Harry</td>
38
        <td>Electrical</td>
39
    </tr>
40
</table>
41
<br>
42
<br>
43
<table class="table2">
44
    <tr>
45
        <th>Id</th>
46
        <th>Name</th>
47
        <th>Department</th>
48
    </tr>
49
    <tr>
50
        <td>1</td>
51
        <td>Victor</td>
52
        <td>Computer Science</td>
53
    </tr>
54
    <tr>
55
        <td>2</td>
56
        <td>Harry</td>
57
        <td>Electrical</td>
58
    </tr>
59
</table>
60
​
61
</body>
62
</html>