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 vote191 views1 answer
Python 'charmap' codec can't decode byte
CSS
0 vote236 views1 answer
Christmas red color code
CSS
0 vote213 views1 answer
Wordpress force https
CSS
0 vote233 views1 answer
Box-shadow um ganzen div
CSS
1 vote240 views1 answer
How to change the underline thickness in css
CSS
0 vote261 views1 answer
Css animation 3d effect
CSS
11 votes268 views3 answers
Css poppins font
CSS
7 votes292 views1 answer
Justify text csss
CSS
0 vote240 views1 answer
Responsive gradient background css
CSS
-1 vote233 views1 answer
Text barré css
CSS