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 vote115 views1 answer
Radio button css only 1
CSS
0 vote105 views1 answer
Qgraphicsscene get viewport width
CSS
5 votes116 views2 answers
How to make page responsive using css
CSS
9 votes104 views3 answers
How to add a background color in css
CSS
0 vote180 views1 answer
Focus in styled component
CSS
34 votes108 views2 answers
Box position in center css
CSS
5 votes103 views2 answers
Scss hover
CSS
0 vote118 views1 answer
Decroation of title using css
CSS
6 votes105 views6 answers
How to properly install tailwind css in react
CSS
62 votes118 views6 answers
Css text shadow
CSS