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 vote313 views1 answer
Css no underline
CSS
0 vote309 views1 answer
Css buchstaben auseinander weite
CSS
17 votes325 views1 answer
Sass calc with variable
CSS
5 votes317 views1 answer
Hidden elements blinking on hover
CSS
1 vote306 views2 answers
Text align left top
CSS
18 votes303 views2 answers
Rgba blue colo
CSS
0 vote318 views2 answers
Mat-select-panel-wrap change position
CSS
0 vote326 views1 answer
Check concurrent connections for linux user
CSS
0 vote368 views1 answer
Css media query gist
CSS
2 votes322 views1 answer
Vertically center an svg
CSS