css 盒子阴影

 

#box1
        {
            border: 1px solid #699;
            -moz-box-shadow: 5px -5px 5px #b6ebf7;
            -webkit-box-shadow: 5px -5px 5px #b6ebf7;
            width: 100px;
            height: 100px;
            margin-left: 100px;
            margin-top: 100px;
            background-color:Gray;
            border-color:Yellow;
        }

第一个参数：水平偏移的位置，它有正数或者负数。如果是正数的话，那么表示边框的右（right）边产生阴影；否则如果是负数的话，那么它的左边（left）框产生阴影效果。

第二个参数：垂直偏移的位置。它也有正数或者负数。如果是正数的话，那么表示下（bottom）边框有阴影；否则如果是负数的话，那么它的上（top）边框有阴影。

第三个参数：阴影的大小

第四个参数：颜色，这个很好理解。