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

0 vote327 views1 answer
Understanding '>' sign in css selector
CSS
19 votes276 views2 answers
Add font to react
CSS
0 vote322 views5 answers
Css gradient generator
CSS
0 vote380 views1 answer
Bootstrap-navbar-containers
CSS Bootstrap
0 vote301 views1 answer
Carbon today date with 12 00 am
CSS
0 vote318 views1 answer
Cannot apply border radius to tr
CSS
0 vote332 views1 answer
Why we are translating -50%, -50% in css
CSS
0 vote291 views1 answer
Div style how to wrap around
CSS
33 votes238 views21 answers
Laravel clear cache
CSS
0 vote299 views1 answer
Remove contact form 7 css
CSS