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

1 vote174 views1 answer
Python 'charmap' codec can't decode byte
CSS
197 votes341 views6 answers
Connect html file to css
CSS
161 votes227 views6 answers
Css bold text
CSS
1 vote212 views1 answer
Is better use px or pt
CSS
0 vote203 views1 answer
Space between span and svg in css
CSS
0 vote227 views3 answers
Constraint in grails
CSS
1 vote226 views1 answer
Most common media query sizes
CSS
4 votes278 views2 answers
How to set text in center in flex item
CSS
7 votes228 views6 answers
Animation css
CSS
0 vote209 views1 answer
How to fix the html on tablet movement
CSS