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 vote164 views3 answers
Css make div one line
CSS
6 votes164 views2 answers
Css browser prefixes
CSS
5 votes253 views4 answers
Css inset
CSS
0 vote169 views2 answers
Background blend mode
CSS
39 votes172 views2 answers
Css to increase font size
CSS
0 vote171 views1 answer
Mdn css marker
CSS
0 vote201 views1 answer
How to slow down hover effect css
CSS
2 votes169 views1 answer
Space between li css
CSS
0 vote210 views1 answer
Width clamp css
CSS
1 vote168 views1 answer
How to make a relative div not take up space
CSS