How to add margin on table row

Question

I want add space between row on table like image below:

If possible please show your code to me.

Answer 1

The border-spacing property will work for this particular case.

table {
  border-collapse:separate; 
  border-spacing: 0 1em;
}

https://developer.mozilla.org/en-US/docs/Web/CSS/border-spacing

Or you can use the hacky approach. That give the appearance of margins between table rows i

tr{ 
    border: 5px solid white;
}