CSS阴影盒子

box-shadow:inset 横向偏移量  纵向偏移量  模糊范围  扩展范围  阴影颜色

    1.inset :(可选) 内阴影,不设置inset,表示盒子外部显示一个投影。也可写在最后。

    2.横向偏移量:(必选) 设置为正值,表示阴影相对盒子向右偏移。负值表示阴影相对盒子向左偏移

    3.纵向偏移量:(必选)设置正值,表示阴影相对盒子向下偏移,反之则相反。

    4.模糊范围(可选):值越大,阴影模糊范围越大,颜色越浅。

    5.扩展范围(可选):值越小,阴影尺寸越小,值越大,阴影尺寸就越大。

    6.阴影颜色:(可选)默认是黑色。

同时设置多个阴影:

  可以用逗号将多个box-shadow属性的值分开

    box-shadow: 2px 2px 5px orange,inset 2px 2px 5px green;

 

posted @ 2018-10-18 15:43  WhiteSpace  阅读(2163)  评论(0编辑  收藏  举报