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 vote184 views1 answer
How to use linear-gradient together with background image in bootstrap
CSS Bootstrap
0 vote216 views3 answers
Scroll elementleft using js
CSS
0 vote226 views1 answer
Importing scss into vue component
CSS
0 vote247 views2 answers
Generate random grid in css
CSS
7 votes184 views2 answers
Make images same size css
CSS
-1 vote183 views1 answer
Centralize div css
CSS
2 votes182 views1 answer
Posicionar div centro da tela
CSS
1 vote248 views2 answers
How to center topnav bar in html
CSS
126 votes389 views5 answers
React Bootstrap css import
CSS Bootstrap
3 votes237 views6 answers
Input disabled css
CSS