当前位置: 主页 > 行业新闻 > IT技术 >

box-shadow有多个值用逗号隔开,即逗号分隔的阴影列表

一、定义和基本用法:

1、定义: box-shadow 向框添加一个或多个阴影。该属性是由逗号分隔的阴影列表,每个阴影由 2-4 个长度值、可选的颜色值以及可选的 inset 关键词来规定。省略长度的值是 0。

2、解释:

阴影列表:为框添加的阴影可以是一个或多个,拿正方形来说,最多可以添加8个阴影,4条边*内外2个,多个阴影用逗号分隔。

每个阴影组成的值: 
这里写图片描述

 

box-shadow :

语法: box-shadow: h-shadow v-shadow blur spread color inset;
    注意参数顺序不要乱写,尽量标准,避免不必要的bug (西安做网站推荐西安蟠龙网络·你身边的网络顾问!)
    多个阴影间,逗号隔开
也就是box-shadow实际支持分隔语法,可以使用逗号来生成多重投影,同样利用这个特性,可以生成多重边框。
  • 公司:西安蟠龙网络科技有限公司
  • 联系人:张经理
  • 手机/微信:187 2951 9978
  • 手机:130 2284 0126
  • Q Q: 136 8888 63 点击这里给我发消息
  • 地址:西安市雁塔区科技路10号华奥大厦C座901