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

-2 votes176 views1 answer
Add css dynamically in angular 6
CSS
31 votes218 views6 answers
Overflow
CSS
0 vote208 views1 answer
Simple font-face mixin scss
CSS
0 vote174 views1 answer
Easyui how to change datagrid header height
CSS
0 vote187 views1 answer
Css background for text
CSS
0 vote183 views1 answer
Sideways Left Tabs
CSS
1 vote170 views1 answer
Border bottom under text only
CSS
3 votes229 views4 answers
Blue gradient background
CSS
0 vote128 views1 answer
Disable on print margin html
CSS
5 votes185 views3 answers
Set scroll position bottom in div css
CSS