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/

在html中的表边框

1 个答案: