003

Rounded corners on HTML tables

I ran into a an issue building these pages where an HTML <table> would not display rounded corners unless the borders were separated.

table {
	border-collapse: separate;
}

According to the MDN page on border-collapse:

The border-collapse CSS property sets whether cells inside a <table> have shared or separate borders.

The link has a good demo that illustrates the difference.

© 2023 David Benjamin