分享程序员开发的那些事...
更新时间：2022-10-24 11:35:34
Same problem as before. You have a round box with a square piece inside. That's why it looks like the corners are cut off.
.panel-primary is your round box.
.table-striped>tbody>tr:nth-child(odd) is your square piece (it has a background because of bootstrap and there's not border-radius to it).
So what I ended up removing that background colour and applied it to all the td within it instead:
.table>tbody>tr>td {
background-color: #f9f9f9;
border-radius: 4px;
}
.table-striped>tbody>tr:nth-child(odd) {
background: none;
}
http://jsfiddle.net/730sjq8n/6/