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

15 votes212 views2 answers
Transition background gradient
CSS
0 vote278 views1 answer
Dxxxxxxx
CSS
0 vote230 views1 answer
Adding a perfect responsive background image
CSS
1 vote198 views1 answer
How to space out buttons css
CSS
3 votes246 views2 answers
Image with background color css
CSS
120 votes240 views6 answers
Css hide scrollbar
CSS
0 vote211 views2 answers
How to define max number of character for a paragraph css
CSS
1 vote194 views1 answer
Ionic input line color
CSS
0 vote213 views1 answer
Media queries in scss
CSS
0 vote208 views1 answer
Rust get current date
CSS