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

-1 vote180 views1 answer
Line break inside content css
CSS
0 vote132 views1 answer
How to move bullet in css
CSS
2 votes229 views1 answer
Make a quarter of circle css
CSS
196 votes487 views10 answers
Internet explorer
CSS
16 votes251 views2 answers
Center h1 css
CSS
3 votes170 views2 answers
Css table row border radius
CSS
0 vote186 views1 answer
How to add more animations in css
CSS
0 vote228 views3 answers
Detect system dark mode
CSS
0 vote198 views1 answer
"selector-max-specificity"
CSS
0 vote171 views1 answer
Insert checkbox into combobox css
CSS