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 vote285 views2 answers
Adding font in nextjs
CSS
0 vote308 views1 answer
Ordered list indent
CSS
2 votes314 views2 answers
Css move inline image up
CSS
0 vote294 views1 answer
Django validation error css
CSS
0 vote302 views1 answer
Alternative for lodash omit in javascript
CSS
1 vote318 views1 answer
Jquery css multiple line
CSS
-1 vote299 views1 answer
Css media query between two width
CSS
0 vote294 views1 answer
Css textarea set max characters
CSS
0 vote292 views1 answer
Apply image as full screen responsive background
CSS
0 vote307 views1 answer
Abstände zwischen zeilen html
CSS