如何在css中創建形狀？

Question

我想創建一個在CSS中的以下形狀。

在上面的形狀如何在CSS創建？

Answer 1

在這裏你去：http://jsfiddle.net/dennisbest/bE2jB/1/

HTML：

<div class="box"></div> 

CSS：

.box { 
    background : white; 
    border  : 1px solid #555; 
    border-radius : 10px; 
    height  : 125px; 
    margin  : 20px; 
    width   : 255px; 
} 
.box:before { 
    background : grey; 
    border-radius : 10px; 
    content  : ' '; 
    display  : block; 
    height  : 125px; 
    left   : -10px; 
    margin  : 20px 0; 
    position  : relative; 
    top   : -30px; 
    width   : 255px; 
    z-index  : -1; 
}