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

4 votes161 views2 answers
Change bot page background top.gg
CSS
2 votes147 views1 answer
Css last of type
CSS
0 vote141 views1 answer
Vertical align x horizontal
CSS
55 votes148 views5 answers
Bootstrap 3 button
CSS
0 vote158 views1 answer
Font shorthand CSS
CSS
0 vote157 views1 answer
Gmail auto rewize dont
CSS
0 vote149 views1 answer
Square with 2 colors css
CSS
0 vote140 views1 answer
How to add default font css
CSS
1 vote188 views1 answer
Input date icon color change
CSS
3 votes153 views1 answer
Import font sass
CSS