Tự code rồi chạy thử... Chạy Thử

<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính border-spacing trong CSS</title>
<style>
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
table, td, th {
  border: 1px solid black;
}
table {margin-bottom:30px;width:100%}
caption {font-size:20px;padding-bottom:15px}
</style>
</head>
<body>

<h1>Code Thuộc tính border-spacing trong CSS</h1>

<table style="border-collapse: separate; border-spacing: 10px;" >
 <caption> border-collapse: separate;border-spacing: 10px; khoảng cách giữa các ô trong table và xung quanh là 10px</caption>	
  <tr>
    <th>Họ Tên</th>
    <th>Giới Tính</th>
  </tr>
  <tr>
    <td>Bùi Tấn Lực</td>
    <td>Nam</td>
  </tr>
  <tr>
    <td>Trần Thị Vân</td>
    <td>Nữ</td>
  </tr>
</table>

<table style="border-collapse: separate; border-spacing: 10px 30px;" >
 <caption> border-collapse: separate;border-spacing: 10px 30px; các ô trong table cách trên và dưới 30px, các ô trong table cách trái và phải 10px</caption>	
  <tr>
    <th>Họ Tên</th>
    <th>Giới Tính</th>
  </tr>
  <tr>
    <td>Bùi Tấn Lực</td>
    <td>Nam</td>
  </tr>
  <tr>
    <td>Trần Thị Vân</td>
    <td>Nữ</td>
  </tr>
</table>

</body>
</html>

Code Thuộc tính border-spacing trong CSS nằm trong bài viết Thuộc tính border-spacing trong CSS