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 vote163 views1 answer
Use PurifyCSS with hugo
CSS
1 vote154 views1 answer
Gulp with pm2
CSS
13 votes162 views2 answers
How to add background in css
CSS
0 vote168 views1 answer
Css orange color
CSS
1 vote161 views1 answer
Repeat autofill css grid minmax
CSS
9 votes223 views3 answers
Bootstrap list
CSS Bootstrap
2 votes209 views4 answers
Animation timing function css
CSS
12 votes164 views1 answer
Pair impaire css
CSS
8 votes162 views1 answer
When hover target diffrent element
CSS
0 vote154 views1 answer
Page rotate css
CSS