The confusing business of rounding individual cell corners within a HTML table

So, I it took me some time figuring this one out and figured would write it down so I won’t forget  For one of my projects I was trying to add rounded corners to individual table cells. However, it was not working as expected and it was not clear to me why. I came across a hint found here in this post: http://stackoverflow.com/questions/10904075/table-header-with-rounded-corners-and-border  Turns out the trick is that you must add: “border-collapse: separate;” to your table or trying to round your individual table cells will not function as expected.

Comments are closed.