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