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

59 votes155 views4 answers
Rgb blue color code
CSS
0 vote106 views1 answer
Speeh recognition github
CSS
1 vote138 views1 answer
Bootstrap col no gaps
CSS
0 vote250 views1 answer
Hoe maak je alleen het opsommingsteken wit in css
CSS
0 vote131 views1 answer
ERROR in multi ./node_modules/ngx-toastr/toastr.css ./src/styles.scss
CSS
0 vote152 views1 answer
@keyframes opact
CSS
-1 vote186 views3 answers
How to align list to the centre in css
CSS
2 votes286 views2 answers
Remove input styling
CSS
0 vote153 views2 answers
Remove background color css jquery
CSS
2 votes142 views1 answer
New line in url
CSS