一个多重阴影的DIV框框

要绝对定位，而且需要设置z-index，垂直高度，数值越小越看不见。

<div class="beauty">I am your girl~</div>
<div class="beauty b1"></div>
<div class="beauty b2"></div>

.beauty {
    width: 250px;
    height: 250px;
    position: absolute;
    background: purple;
    z-index: 0;
    color: white;
    text-align: center;
}
.b1 {
    left: 20px;
    top: 20px;
    background: yellow;
    z-index: -1;
}
.b2 {
    left: 30px;
    top: 30px;
    background: red;
    z-index: -2;
}

 

(*^__^*) ：