En html las tablas tienen los atributos cellpadding (permite especificar la distancia entre el margen interior de la celda y su contenido) y cellspacing (permite especificar la distancia entre las celdas y el margen exterior de la tabla).

Por ejemplo:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<table cellspacing="5" cellpadding="5" >
<table cellspacing="5" cellpadding="5" >
<table cellspacing="5" cellpadding="5" >

Para aplicar estos estilos directamente con css sin añadir atributos a la tabla lo podemos hacer así:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
table {
border-spacing: 5px;
border-collapse: separate;
}
td {
padding: 5px;
}
table { border-spacing: 5px; border-collapse: separate; } td { padding: 5px; }
table { 
    border-spacing: 5px;
    border-collapse: separate;
}
td { 
    padding: 5px;
}

Agradezco tu comentario 🤘