css3中box-shadow被用来添加阴影

书写格式：

                    box-shadow：水平阴影位置  垂直阴影的位置  模糊的距离  阴影的颜色

                    box-shadow：10px   10px  2px gray

                  字体阴影：

                   text-shadow：水平阴影位置  垂直阴影的位置  模糊的距离  阴影的颜色

                   text-shadow：10px   10px  2px gray

<style>
    div{
        width:300px;
        height: 100px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 0px 0px 20px 20px;
        background: red;
    }
    p{
        width: 100px;
        height:100px;
       box-shadow:10px 20px 2px gray ;
        background:blue;
    }
</style>

<div>
</div>
<p>
</p>