CSS border styling

Question

I have a problem regarding my CSS, I have a <table> which I put border when I put CSS in it which is like this

table, th, td, tr {
    border: thin 1px solid black;
}

I got double solid line which look like this

What I need is a table that doesn't have spaces in between. How can I do that in CSS? thanks.

Answer 1

Use border-collapse

table {
  border-collapse: collapse;
}