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

0 vote149 views1 answer
Vendor css
CSS
3 votes145 views1 answer
Import font sass
CSS
0 vote133 views1 answer
Change option tag css
CSS
0 vote281 views2 answers
Materialize css
CSS Materialize
0 vote150 views1 answer
Animated progress bar css
CSS
0 vote143 views1 answer
Width 33 css
CSS
13 votes158 views4 answers
How to move an image up in css
CSS
3 votes119 views1 answer
Rotate icon on click css
CSS
0 vote139 views1 answer
Css opacité fond mais pas texte
CSS
47 votes149 views5 answers
Nth-child() css
CSS