Any idea on how to make the table border just a single line?

Question

I want the cells to have a single line rather than this default that looks like double lines. Even if I set the border to 0 or None, it completely remove the border in which I don't want.

Answer 1

Set this in your CSS. The border-collapse property sets whether the table borders should be collapsed into a single border.

table {
border-collapse: collapse;
}

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

Answer 2

Wow! Thank you @ihateonions. That just solve my problem. Works perfectly. 👍

Answer 3

No worries, glad it helped.