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

1 vote190 views2 answers
Text align left top
CSS
0 vote184 views1 answer
Details summary not open css
CSS
5 votes242 views2 answers
How to make a diamond with border radius
CSS
7 votes221 views1 answer
Justify text csss
CSS
34 votes182 views2 answers
Box position in center css
CSS
7 votes240 views6 answers
Css background overlay
CSS
0 vote195 views1 answer
Css Specify that the background image should be shown once, in the top right corner
CSS
1 vote240 views1 answer
Materialize customize container
CSS
26 votes225 views3 answers
Css remove border input focus
CSS
0 vote236 views2 answers
How to remove white space in the right side of web page
CSS