javascript - html中的表格边框

Question

我正在尝试创建一个带有圆形边框的表格，但仅在底部。我正在使用这个 CSS 编码器：

#table_rounded_white{
            border-style: solid; 
            /*border-top-style: none;*/
            border-width: 1px;
            border-color: #8E8C8C;
            border-radius: 15px;
            -moz-border-radius: 15px;
            -webkit-border-radius: 15px;
            background-color: #FFFFFF;
            padding: 10px;
        }

我需要的是在不四舍五入的情况下做顶部边框。

有人知道如何做到这一点？

谢谢你

Answer 1

而不是为每个角定义所有半径：

border-radius: 15px;
-moz-border-radius: 15px;

只定义你需要的半径：

-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;

这是一个快速生成样式的便捷工具：http: //border-radius.com/