Css tr border radius

table { 
    border-collapse: separate; 
    border-spacing: 0 10px; 
    margin-top: -10px; /* correct offset on first border spacing if desired */
}
td {
    border: solid 1px #000;
    border-style: solid none;
    padding: 10px;
    background-color: cyan;
}
td:first-child {
    border-left-style: solid;
    border-top-left-radius: 10px; 
    border-bottom-left-radius: 10px;
}
td:last-child {
    border-right-style: solid;
    border-bottom-right-radius: 10px; 
    border-top-right-radius: 10px; 
}

Source: stackoverflow.com

Similar codes

2 votes180 views2 answers
How to apply outline to text in html css
CSS
0 vote175 views1 answer
If child elemnt is hovered do changes to the container css
CSS
24 votes184 views3 answers
Css change multiple classes
CSS
38 votes185 views3 answers
Css breakpoints
CSS
6 votes236 views1 answer
Border-radius circle using %
CSS
0 vote206 views1 answer
React right burger scrol bar
CSS
5 votes198 views1 answer
Cursor as image css
CSS
1 vote182 views1 answer
Css media queries pc and mobile
CSS
17 votes152 views1 answer
Have you used flexbox & css grid before? what are the differences between them? interview
CSS
1 vote198 views1 answer
Animated background css
CSS