CSS3背景雕刻或半徑問題

Question

我想在CSS中創建背景雕刻。看看下面的圖片。

我怎樣才能在CSS3添加半徑這樣嗎？任何人都可以幫忙

Answer 1

用途：

border-top-left-radius: 50%; 
border-top-right-radius: 50%; 

我做了一個例子在這裏：http://jsfiddle.net/DFs6H/2/

Answer 2

在底部添加另一個格帶有邊框半徑。

HTML：

<div class="content"> 
    <div class="bottom_border"></div> 
</div> 

CSS：

.content{ 
    background:#CCC; 
    height:100px; 
    width:100px; 
    position:relative; 
    overflow:hidden 
} 
.bottom_border { 
    position:absolute; 
    top:0; 
    bottom:0; 
    background:#FFF; 
    width:100px; 
    height:20px; 
    top:90px; 
    bottom:-10px; 
    border-radius: 50% 
}