Collapsing table borders
When adding borders to the table, you'll get double borders by default because each table cells will have its own distinct borders. If you'd like adjacent table cells to share a common border, you'll need to create a separate CSS rule. This is also known as collapsing table borders. In the CSS rule, use table
as a selector and set the property border-collapse
to collapse
.