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 vote150 views1 answer
Label width css
CSS
15 votes124 views6 answers
Hr css
CSS
0 vote167 views2 answers
How do img with same
CSS
37 votes139 views5 answers
How to apply linear gradient to text in css
CSS
1 vote151 views1 answer
Css how to make something italized
CSS
0 vote129 views1 answer
Css media query gist
CSS
48 votes136 views6 answers
Html font size
CSS
0 vote125 views1 answer
Ovale css
CSS
4 votes125 views2 answers
Javafx button css
CSS
0 vote167 views1 answer
Date icon color change
CSS