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 vote258 views1 answer
Css selector to change long bot description top.gg
CSS
14 votes274 views6 answers
Bootstrap image size
CSS
-1 vote245 views3 answers
Transparent background css for image
CSS
1 vote605 views2 answers
Customize highlight color website
CSS
50 votes253 views3 answers
How to center in absolute position
CSS
0 vote250 views2 answers
Css hexagon with text inside
CSS
0 vote268 views1 answer
Box shadow to table cell css
CSS
2 votes278 views1 answer
Onclick javascript are you sure
CSS
16 votes287 views4 answers
CSS Font-Family
CSS
0 vote247 views1 answer
Center postion absdolute
CSS