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 votes139 views2 answers
Css center elment screen
CSS
1 vote121 views1 answer
How to alternate background colour in html div elements in css
CSS
0 vote112 views1 answer
Ratio bootstrap
CSS
72 votes106 views6 answers
Position absolute center
CSS
0 vote159 views1 answer
Helooo
CSS
-1 vote75 views1 answer
Responsiveness in bootstrap
CSS
6 votes122 views3 answers
Print media query css
CSS
0 vote118 views1 answer
Css hover change more than one element
CSS
81 votes131 views3 answers
Css all uppercase to capitalize
CSS
15 votes114 views3 answers
Css change text
CSS