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 vote155 views1 answer
Textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }
CSS
0 vote151 views2 answers
Popular class name layouts
CSS
0 vote161 views2 answers
Css lighten function
CSS
1 vote158 views1 answer
Flexbox navbar fixed top
CSS
10 votes147 views1 answer
Css when click select another class
CSS
0 vote167 views3 answers
Apple like scroll css
CSS
43 votes157 views5 answers
Css text overflow
CSS
0 vote152 views1 answer
Input padding without changing width
CSS
6 votes172 views3 answers
Print css media query
CSS
2 votes144 views2 answers
Remove border iframe
CSS