Jul 29, 2017 · 1 min read
How can I use border-radius to create a collapsed table with rounded corners?
Let’s explore an alternative way to achieve border-collapse:collapse with border-radius in CSS to have a collapsed, rounded corner table.
Making rounded corners can be accomplished using border-radius:10px.
To reduce the CSS and require targeting a combination of table, th, and td tags it can be handy to apply border-collapse:collapse so the browser draws a single border and not one for each the table, tr, and td tags.
Read the full example of CSS3’s border-radius property and border-collapse:collapse don’t mix
