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 vote317 views1 answer
How to do stuff in css
CSS
0 vote326 views1 answer
Lando expose database port
CSS
0 vote249 views1 answer
Select multiple id css
CSS
-1 vote295 views1 answer
Scss background color
CSS
11 votes310 views2 answers
Css display
CSS
71 votes254 views17 answers
Box -shadow
CSS
0 vote321 views1 answer
Force keyboard to hide android programmatically
CSS
1 vote305 views1 answer
Circle css with text in the center
CSS
2 votes338 views2 answers
Carousel css
CSS
26 votes341 views3 answers
Css remove border input focus
CSS