Css table row border radius

Table border radius

thead th:first-child{border-top-left-radius: 15px;}
thead th:last-child{border-top-right-radius: 15px;}
tbody tr:last-child>td:first-child{border-bottom-left-radius: 15px;}
tbody tr:last-child>td:last-child{border-bottom-right-radius: 15px;}

Css table row border radius

table { border-collapse: separate; }
td { border: solid 1px #000; }
tr:first-child td:first-child { border-top-left-radius: 10px; }
tr:first-child td:last-child { border-top-right-radius: 10px; }
tr:last-child td:first-child { border-bottom-left-radius: 10px; }
tr:last-child td:last-child { border-bottom-right-radius: 10px; }

Source: stackoverflow.com

Similar codes

0 vote192 views1 answer
Css borrar
CSS
0 vote177 views1 answer
Css tutorial point
CSS
-1 vote192 views1 answer
Financial year vs assessment year
CSS
0 vote185 views1 answer
Material css navbar
CSS
0 vote199 views2 answers
Order
CSS
-1 vote174 views1 answer
Empty areas in the grid are defined using '.'
CSS
1 vote237 views4 answers
Css before
CSS
0 vote219 views1 answer
Statamic regex replace
CSS
1 vote163 views1 answer
Transition all 0.3s ease-in-out
CSS
1 vote173 views1 answer
Gulp with pm2
CSS