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 vote76 views1 answer
Pseudo class css nth child
CSS
1 vote134 views3 answers
How to place a table in center in css
CSS
-1 vote127 views6 answers
Css comment
CSS
0 vote108 views1 answer
Table essentaial styles css
CSS
1 vote112 views1 answer
Css smooth text shadow
CSS
0 vote124 views1 answer
Css using border top border bottom to create a hamburger icon
CSS
1 vote100 views1 answer
Bootstrap 4 material icon vertical align
CSS
8 votes113 views2 answers
CSS make image fill whole background
CSS
-1 vote113 views2 answers
How to add image with url in css
CSS
0 vote159 views1 answer
Bootstrap modal resize with jquery
CSS Bootstrap