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

3 votes129 views3 answers
Remove on click border
CSS
0 vote130 views1 answer
CSS blue bottom right Box shadow
CSS
0 vote147 views3 answers
Change text in a div css
CSS
0 vote409 views1 answer
Fgg
CSS
0 vote130 views1 answer
Cd cover dimensions
CSS
2 votes143 views1 answer
Css resize image without distortion
CSS
1 vote103 views1 answer
Change text color li css
CSS
1 vote150 views1 answer
Css select with attribute
CSS
0 vote131 views1 answer
How to install tailwind css in html
CSS
14 votes168 views4 answers
Text align left bootstrap
CSS