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

而不是为每个 Angular 定义所有半径:

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/