css - div的圆底边框

Question

我试图在 div 的底部边框中取整。可以用css做吗？我知道你可以用以下方法绕过 Angular 落:

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;
}