box-shadow属性

参数1:水平方向偏移量,即相对于border后的偏移量

参数2:垂直方向偏移量

参数3:blur模糊半径

参数4:扩展半径,其中扩展半径是以阴影边界开始计算的

如:

div{
        width:200px;
        height: 200px;
        border:2px solid blue;
        box-shadow: 0 0 0 2px red;
        margin:20px auto;

    }

就是在2px的蓝色边界外生成2px的红色阴影。



猜你喜欢

转载自blog.csdn.net/qingliufu/article/details/79481959