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.