How to collapse Border for Table using CSS?

Collapse Border for Table

To collapse border for table using CSS, set CSS border-collpase property of this table with the value collapse.

The following is the CSS to set border-collapse value.

table, th, td {
  border-collapse: collapse;
}

Examples

1. Collapse border for table

In the following example, we take a table with two columns, and three rows; and collapse the border.

index.html

Conclusion

In this CSS Tutorial, we learned how to use CSS border-collapse property to collapse the borders between table contents into a single border, with examples.