欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

css之box-shadow

程序员文章站 2022-04-16 09:41:57
以下为例: box-shadow:1px 2px 3px 4px color inset; 1px:表示沿x轴的正方向的长度(如果是负数,则为沿x轴 的负方向的长度); 2px:表示沿y轴的正方向的长度(如果是负数,则为沿y轴的负方向的长度); 3px:表示阴影的模糊度,并且只能为正数; 4px:表 ......

以下为例:

box-shadow:1px 2px 3px 4px color inset;

1px:表示沿x轴的正方向的长度(如果是负数,则为沿x轴 的负方向的长度);

2px:表示沿y轴的正方向的长度(如果是负数,则为沿y轴的负方向的长度);

3px:表示阴影的模糊度,并且只能为正数;

4px:表示阴影的扩展半径;

color:表示阴影的颜色;

inset:表示类型为内阴影;