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 vote100 views1 answer
Formatage date css
CSS
32 votes95 views6 answers
Overflow css
CSS
0 vote104 views1 answer
Border collapse makes outset not work
CSS
6 votes108 views2 answers
Update checkbox size css
CSS
-1 vote110 views1 answer
Arranging the paragraph in css
CSS
6 votes118 views2 answers
How to give opacity to border
CSS
0 vote104 views1 answer
How to install tailwind css in html
CSS
0 vote111 views1 answer
Hide the default tooltip behaviour from safari
CSS
0 vote165 views1 answer
Progress bar bootstrap border
CSS Bootstrap
0 vote60 views1 answer
How to load css
CSS