CSS中的box-shadow属性可以设置以下阴影效果:
单层阴影:使用一组水平和垂直的偏移量以及模糊半径和扩展半径参数来定义一个阴影。语法为:box-shadow: h-shadow v-shadow blur spread color inset;
,其中 h-shadow
表示水平偏移量,v-shadow
表示垂直偏移量,blur
表示模糊半径,spread
表示扩展半径,color
表示阴影颜色,inset
是否将阴影设为内阴影。
多层阴影:可以通过使用逗号隔开多组单层阴影来创建多层阴影。例如:box-shadow: 0 0 5px #000, 0 0 10px #000, 0 0 15px #000;
,表示创建了三层阴影,分别有不同的模糊半径和扩展半径。
重要关键词:box-shadow
、单层阴影、多层阴影、水平偏移量、垂直偏移量、模糊半径、扩展半径、阴影颜色、内阴影。