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