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

3 votes127 views3 answers
Svg animation css
CSS
14 votes180 views6 answers
Bootstrap image size
CSS Bootstrap
0 vote120 views1 answer
Matrix multiplication markdown
CSS
12 votes130 views2 answers
Other children than first css
CSS
13 votes140 views4 answers
How to move an image up in css
CSS
8 votes179 views3 answers
Bootstrap 4 center image
CSS Bootstrap
0 vote143 views2 answers
Woocommerce cart css description
CSS
0 vote121 views1 answer
An operation was attempted on something that is not a socket
CSS
0 vote127 views1 answer
Select html stop blue border
CSS
0 vote120 views1 answer
How to make gray ufing rgb in css
CSS