文字阴影的属性为text-shadow，它的使用示例和效果如下 效果图如下所示 text-shadow有4个参数 text-shadow参数也接受多层嵌套阴影，中间使用逗号分隔，代码如下 效果如下所示 盒子阴影的属性为box-shadow，它的使用示例如下 效果图如下 上述5个参数意义如下 再根据一个例子理解下3,4参数，效果如下 将模糊...
CSS属性之阴影学习记录
文字阴影的属性为text-shadow，它的使用示例和效果如下
效果图如下所示
text-shadow有4个参数
text-shadow参数也接受多层嵌套阴影，中间使用逗号分隔，代码如下
效果如下所示
盒子阴影的属性为box-shadow，它的使用示例如下
效果图如下
上述5个参数意义如下
再根据一个例子理解下3,4参数，
效果如下
将模糊距离和阴影大小设为相同时，代码和效果如下
上图中盒子阴影是外向阴影，通过insert参数可以转换为内置阴影，这个效果可以用来实现按下按钮的效果，代码和效果分别如下
当水平和垂直方向为0的时候，盒子会有垂直阴影的效果，代码和效果如下
代码和效果分别如下2024-08-10
