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

5 votes319 views1 answer
Css table border-collapse
CSS
9 votes316 views4 answers
Two color background css
CSS
0 vote326 views1 answer
Scss color black white
CSS
-1 vote348 views2 answers
How to zoom image on hover in css
CSS
2 votes339 views1 answer
Css text dont select
CSS
2 votes333 views2 answers
No gutter in bootstrap css for row
CSS
24 votes378 views3 answers
Remove underline from a link css
CSS
3 votes328 views1 answer
Css sass compile run
CSS
0 vote391 views1 answer
Terminal download website source code
CSS
3 votes310 views1 answer
Background position center center
CSS