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

1 vote211 views1 answer
Most common media query sizes
CSS
1 vote211 views1 answer
Lower image brightness css
CSS
1 vote203 views1 answer
Css hsla
CSS
0 vote223 views1 answer
Helooo
CSS
7 votes226 views3 answers
Change font awesome icon color
CSS
0 vote184 views1 answer
How to give linear transprerancyon background image
CSS
-3 votes201 views2 answers
How to justify grid childe in the center
CSS
38 votes212 views5 answers
Roboto
CSS
51 votes225 views4 answers
Css center horizontally
CSS
2 votes182 views1 answer
Css content space
CSS