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

40 votes147 views2 answers
All.min.css cdn
CSS
0 vote143 views1 answer
In flex-wrap remove last item margin for every row
CSS
0 vote140 views1 answer
Devextreme css
CSS
1 vote140 views1 answer
About us page template html css codepen
CSS
20 votes148 views6 answers
Remove bullets from ul
CSS
-1 vote149 views1 answer
Css code for green
CSS
2 votes149 views3 answers
Cant read pdf file in python
CSS
26 votes175 views4 answers
How to move text up and down in html
CSS
59 votes157 views1 answer
@media for mobile
CSS
0 vote137 views1 answer
Z index div over cursor
CSS