I do not understand what you did!
This is my Trow 1 & 2
.trow1 {
background: #262626;
background:#262626;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
border-top:1px solid #353535;
padding:5px;
}
.trow2 {
background: #262626;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
border-top: 1px solid #353535;
}
In trow1 you are background twice!
Use this:
.trow1 {
background: #262626;
border-top:1px solid #353535;
padding:5px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.trow2 {
background: #262626;
border-top: 1px solid #353535;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
Ps: It was not working because of rounding codes were before, had made last!
still the same as before mmm
Try adding this to your css
table >tbody>tr:last-child >td:first-child{ border-bottom-left-radius: 5px; }
table >tbody>tr:last-child >td:last-child{ border-bottom-right-radius: 5px; }
In your global css. It will give EVERY table rounded pixels on the bottom right and left.
didn't seem to work either?
It works because I tested it. Of course, if you have a border and a table background on your tborder the rounded corners will be less obvious - but they will be there.
See
this fiddle. Look how the border on the td is commented out in the css.