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;

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM