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

4 votes186 views3 answers
Block zoom js mobile
CSS
4 votes172 views2 answers
Composer switch to version 1
CSS
0 vote139 views1 answer
Border collapse makes outset not work
CSS
6 votes94 views3 answers
Django css
CSS
1 vote141 views1 answer
How to keep background image sticky on top
CSS
0 vote135 views1 answer
To make card box appear more bigger when hover
CSS
1 vote139 views1 answer
Css background cover y axis
CSS
0 vote103 views1 answer
Speeh recognition github
CSS
3 votes135 views3 answers
Use css to replace icon with text when hover
CSS
0 vote143 views2 answers
How to change the select arrow in css
CSS