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 vote370 views1 answer
Make an anchor tag inactive
CSS
-1 vote360 views2 answers
Css make border rotate around element
CSS
0 vote375 views1 answer
Reference images from css in django
CSS
3 votes379 views2 answers
No border css
CSS
0 vote362 views1 answer
Jquery or selector
CSS
0 vote363 views1 answer
Flexbox 3 columns
CSS
19 votes364 views2 answers
How to customize placeholder css
CSS
0 vote816 views1 answer
Visited in css
CSS
8 votes366 views2 answers
Font roboto css
CSS
0 vote380 views1 answer
Css accordian triangle
CSS