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 vote219 views2 answers
Gray scale css
CSS
0 vote222 views1 answer
Flex fill space
CSS
0 vote221 views1 answer
To set HTML attribute and css styles in html helper control in mvc
CSS
2 votes223 views1 answer
Zypper download rpm
CSS
0 vote242 views1 answer
Place-content css property
CSS
0 vote250 views1 answer
Increase the distance between paragraphs css
CSS
37 votes256 views5 answers
How to apply linear gradient to text in css
CSS
2 votes254 views3 answers
Horizontal Scrolling Bopostrap CSS
CSS
14 votes238 views2 answers
How to add css in flask app
CSS
-1 vote254 views1 answer
Remove line breaks css
CSS