html - 圆 table Angular

Question

你能帮我把 table Angular 弄圆吗？我试过简单的 border-radius 但这只是在 Angular 落分割了边界。这是由我的浏览器 (Firefox) 引起的还是它的错误？ Jsfiddle - http://jsfiddle.net/vuys8eef/

Answer 1

您需要为表格中第一行和最后一行的第一列和最后一列圆 Angular 。

像这样:

table tr:first-child th:first-child {
    border-top-left-radius: 10px;
}


table tr:first-child th:last-child {
    border-top-right-radius: 10px;
}

table tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}

table tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}

您可以看到更新后的 fiddle