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 vote183 views1 answer
Symfony modify request
CSS
0 vote183 views1 answer
Css add required asterisk after
CSS
2 votes172 views3 answers
Css cursor delete
CSS
11 votes214 views4 answers
Background image css fill screen
CSS
2 votes189 views1 answer
Uninstall pm2
CSS
0 vote185 views1 answer
Create 2 separate CSS rules for the code below:
CSS
0 vote249 views1 answer
Background with three line color css
CSS
0 vote240 views1 answer
Transform element
CSS
0 vote276 views1 answer
Css interne
CSS
0 vote176 views2 answers
Css align image bottom
CSS