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