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

72 votes298 views6 answers
Css font size
CSS
0 vote251 views1 answer
All pseudo elements css
CSS
1 vote288 views1 answer
Css everything under element
CSS
-1 vote289 views1 answer
Css code for green
CSS
1 vote288 views1 answer
Html details summary marker remove
CSS
2 votes572 views1 answer
Css last element with class name
CSS
3 votes242 views2 answers
Z-index limit
CSS
0 vote316 views1 answer
New statamic project
CSS
1 vote274 views1 answer
Button onclick open video in new window
CSS
4 votes272 views2 answers
Css center vertically
CSS