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)边框有阴影。

第三个参数:阴影的大小

第四个参数:颜色,这个很好理解。

原文地址:https://www.cnblogs.com/bailuobo/p/2545014.html