如何在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; 
}