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 vote110 views2 answers
Wordpress style.css not updating
CSS
12 votes123 views1 answer
Disable increment in input type number
CSS
0 vote119 views1 answer
Tailwind css image grid
CSS
0 vote136 views1 answer
Input text only css
CSS
2 votes113 views1 answer
Css div overlay div
CSS
0 vote113 views1 answer
Profile page html css template
CSS
95 votes134 views6 answers
Drop shadow css
CSS
2 votes127 views1 answer
Hover effect button css
CSS
5 votes100 views3 answers
How to make a linear gradient in css
CSS
17 votes118 views4 answers
Get featured image post wordpress by post id
CSS