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

5 votes229 views1 answer
Css assign multiple classes to one element
CSS
0 vote198 views1 answer
Limit number of text lines
CSS
0 vote213 views2 answers
How to convert directory SASS/SCSS to CSS via command line?
CSS
0 vote206 views1 answer
Make all elements in a div share same css
CSS
1 vote199 views1 answer
Css @media measurements
CSS
0 vote192 views1 answer
How to change textsize recta native
CSS
9 votes194 views4 answers
Css animation shorthand
CSS
99 votes205 views2 answers
Css absolute in absolute
CSS
6 votes182 views1 answer
How to make text wrap on overfloe with css
CSS
7 votes217 views2 answers
Stick footer to bottom
CSS