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 vote282 views1 answer
Font helvetica css
CSS
10 votes272 views5 answers
Text-align property in css
CSS
8 votes287 views3 answers
Select first div css
CSS
2 votes291 views2 answers
Mysqldump: Error: 'Access denied; you need (at least one of) the PROCESS privilege(s) for this operation' when trying to dump tablespace
CSS
0 vote267 views1 answer
Css only style horizontal scrollbar
CSS
1 vote270 views2 answers
Fit image in grid css
CSS
1 vote281 views1 answer
Css 2 <p> next to each other
CSS
4 votes309 views4 answers
Composer rollback to v1
CSS
0 vote290 views1 answer
How To target a particular td in css
CSS
0 vote280 views1 answer
Reference images from css in django
CSS