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 vote416 views2 answers
Nav items moving when hover
CSS
24 votes354 views4 answers
Use woff2 font in css
CSS
1 vote367 views1 answer
How to add 2 text shadows
CSS
1 vote728 views2 answers
Customize highlight color website
CSS
0 vote365 views1 answer
Css style nth child beyond certain number
CSS
8 votes350 views5 answers
Css multicolor background
CSS
8 votes398 views2 answers
Css border bottom
CSS
-1 vote366 views1 answer
Css media query between two width
CSS
1 vote329 views1 answer
Wp wpbakery bulder page alignment
CSS
0 vote359 views1 answer
Bootstrap 4 input error
CSS