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 vote345 views1 answer
Center absolute suedo element
CSS
11 votes321 views1 answer
Css disable mouse events
CSS
-1 vote373 views1 answer
How to make div position top in css
CSS
202 votes510 views6 answers
How to reference a css file in html
CSS
0 vote300 views6 answers
Comments in css
CSS
1 vote339 views1 answer
Css hsla
CSS
0 vote360 views1 answer
Button highlight none css
CSS
1 vote327 views1 answer
Lower image brightness css
CSS
0 vote369 views1 answer
Button two lines on ipad
CSS
0 vote322 views1 answer
Center tecxt css
CSS