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 vote201 views1 answer
Css transition only once
CSS
22 votes204 views2 answers
Css set styles for input text
CSS
15 votes244 views2 answers
Border-box css
CSS
0 vote221 views1 answer
Textarea resize only horizontal
CSS
0 vote183 views1 answer
Sticky header not working chrome
CSS
0 vote317 views1 answer
Materialize css form file input
CSS Materialize
9 votes195 views3 answers
Animation on scroll css
CSS
0 vote205 views1 answer
Horizontal rule plus text
CSS
2 votes187 views2 answers
How to have a background image with a color overlay
CSS
12 votes225 views3 answers
Docker restart container
CSS