CSS3-简易版Table圆角，border-radius效果

前提：table不变，原有border=1即可。

改变：table外套一层Div，class=radius

style：

.radius{border:1px solid;border-radius:1rem;overflow:hidden;} /*圆角效果*/
.radius table tr:last-child td{border-bottom:1px transparent solid;} /*最后一排隐藏下边框*/
.radius table tr:first-child td{border-top:1px transparent solid;} /*第一排隐藏上边框*/
.radius table tr td:last-child{border-right:1px transparent solid;} /*最后一列隐藏右边框*/
.radius table tr td:first-child{border-left:1px transparent solid;} /*第一列隐藏左边框*/

html：

<div class="radius">
    <table border=1>
    ……
    </table>
</div>

效果：你试试就知道了。