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

27 votes316 views6 answers
Font border css
CSS
12 votes323 views4 answers
Padding in one line
CSS
59 votes325 views6 answers
Remove underline from link css
CSS
1 vote363 views2 answers
Change the weight of a bold font css
CSS
0 vote335 views1 answer
Css remove link border on click
CSS
5 votes420 views1 answer
Css how does hsl work
CSS
11 votes349 views3 answers
Css ellipsis max width
CSS
15 votes374 views2 answers
Background-image: url opacity
CSS
0 vote320 views1 answer
How to make gray ufing rgb in css
CSS
51 votes332 views6 answers
Css nth-child
CSS