Menu icon Foundation
rounded corners for tables?

Hi,

is it possible to have rounded corners on the tables? I tried but it did not work (not on Firefox 29.0 nor Safari)

table {border: solid 1px #339ece;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

Any suggestions?

tables

Hi,

is it possible to have rounded corners on the tables? I tried but it did not work (not on Firefox 29.0 nor Safari)

table {border: solid 1px #339ece;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

Any suggestions?

Karl Ward over 5 years ago

I dont think the table element supports rounded corners in all browsers. The best solution is to simply wrap your table inside a <div> and apply the border on the container like this:
http://codepen.io/mjau-mjau/pen/pEIzf

Jana over 5 years ago

Thank you, that seems to work. I appreciate it!