div的圆底边框

Question

我想在div的底部边框进行舍入。可以用css吗？我知道你可以在角落里围绕：

  

border-bottom-left-radius：50px;

我想我正在尝试实现这一点。

非常感谢任何帮助。

由于

Answer 1

当然这是“可能的”。叠加div。

http://jsfiddle.net/jprGx/3/

.outer {
    width: 50px; 
    height: 50px;
    position: relative;
    border: #000 1px solid;
}

.inner {
    position:absolute;
    background: #fff;
    height: 20px;
    width: 50px;
    bottom: -1px;
    left: -1px;
    border-left: #000 1px solid;
    border-top: #000 1px solid;
    border-right: #000 1px solid;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
}

Answer 2

更简单，更轻松的方法是通过以下方式隐式编码：

    .round{
    border-radius: 0px 0px 50px 50px;
    }

边界半径：0px（左上角）0px（右上角）50px（左下角）50px（右下角）