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 vote213 views2 answers
How to remove text style on td in angularjs
CSS
0 vote182 views1 answer
Offsetx and offsety in css
CSS
50 votes168 views4 answers
Label css
CSS
0 vote167 views1 answer
Operating system font-family css
CSS
0 vote174 views1 answer
Red asterix css
CSS
1 vote163 views1 answer
Ionic ios remove button appearance
CSS
0 vote181 views1 answer
Cypress check css property value
CSS
0 vote167 views2 answers
How to hide youtube watermark from embedded video :2021
CSS
2 votes183 views1 answer
Css select all except first
CSS
3 votes138 views1 answer
Background position center center
CSS