<?xml version="1.0" encoding="utf-8"?>

Collapsing table borders

Collapsing table borders Bad Practice
Collapsing table borders Best Practice

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.

Improve your UX & Product skills with interactive courses that actually work