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 vote132 views1 answer
React how to wrap
CSS
1 vote147 views1 answer
Linux bash sort folders ascending
CSS
22 votes127 views6 answers
Font-family css
CSS
10 votes157 views4 answers
Bootstrap badges Links
CSS
4 votes136 views3 answers
Zoom in and out iconhtml css
CSS
0 vote93 views1 answer
Different :after and ::after
CSS
-1 vote172 views2 answers
Hide the scrollbar in css if not overflow
CSS
2 votes193 views1 answer
How to distribute vertically the items in css
CSS
0 vote134 views1 answer
Erase elements css
CSS
0 vote183 views6 answers
Css change svg color
CSS