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 vote364 views1 answer
Product list fix height image css
CSS
1 vote350 views1 answer
Svg tailwind
CSS
4 votes354 views4 answers
Css max lines
CSS
0 vote366 views3 answers
Bootstrap grid only css npm install
CSS
8 votes440 views3 answers
Bootstrap 4 center image
CSS Bootstrap
0 vote363 views1 answer
I need show the message for when we are clicking routing page in anularjs
CSS
1 vote368 views1 answer
Scroll-behavior not working
CSS
1 vote357 views1 answer
Css overwriting styles
CSS
0 vote370 views1 answer
Fabric bring to front element top
CSS
44 votes374 views6 answers
How to center a div element
CSS