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 vote301 views1 answer
Css custom easing
CSS
0 vote259 views1 answer
Flex starty
CSS
18 votes260 views4 answers
Css font arial
CSS
3 votes274 views2 answers
Multiple box shadows css
CSS
2 votes263 views1 answer
Responsive background image
CSS
0 vote282 views1 answer
Square with 2 colors css
CSS
44 votes278 views5 answers
Breakpoint bootstrap
CSS
3 votes254 views2 answers
How to modify select icon csshow to modify select icon css
CSS
0 vote272 views2 answers
Superscript css
CSS
2 votes345 views2 answers
Bootstrap icons in angular
CSS Bootstrap