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 vote227 views1 answer
Circle background image css
CSS
0 vote202 views1 answer
Inexorably
CSS
13 votes256 views5 answers
Transition shorthand
CSS
0 vote269 views1 answer
Css chess pieces
CSS
2 votes199 views1 answer
Transition syntax css
CSS
43 votes208 views4 answers
Scale css
CSS
0 vote205 views1 answer
Odoo search
CSS
0 vote195 views1 answer
Input readonly css
CSS
41 votes205 views6 answers
Media query for mobile min and max width
CSS
0 vote193 views1 answer
Selection Handler css
CSS