Cách thêm khoảng cách quanh viền bảng trong HTML?

Để thiết lập khoảng cách viền cho bảng HTML, hãy dùng thuộc tính CSS border-spacing. Nó thiết lập khoảng cách giữa các ô trong bảng.

Ví dụ

Chạy mã sau để thêm khoảng cách quanh viền bảng trong HTML:

<!DOCTYPE html> <html>    <head>       <style>          table, td, th {             border: 1px solid black;             border-spacing: 20px;             width: 300px;          }       </style>    </head>    <body>       <h1>Our Technologies</h1>       <table>          <tr>             <th>IDE</th>             <th>Database</th>          </tr>          <tr>             <td style="text-align:center">NetBeans</td>             <td style="text-align:center">MySQL</td>          </tr>      </table>   </body> </html>

Kết quả