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 vote170 views1 answer
Sdsd
CSS
11 votes237 views6 answers
Transition css
CSS
86 votes180 views6 answers
Css all caps
CSS
1 vote162 views1 answer
Css div text size
CSS
1 vote215 views1 answer
How to write if condition in css
CSS
2 votes190 views1 answer
Popsition relative css
CSS
222 votes320 views6 answers
Bootstrap CSS CDN
CSS Bootstrap
-2 votes195 views3 answers
How to highlight text in css
CSS
20 votes197 views3 answers
Css text selection none
CSS
5 votes184 views1 answer
Less sass css
CSS