box-shadow用法解释

语法:

div{box-shadow:0 0 1px #000 inset;}

代表边框间距靠左0 靠上0 和1px阴影范围 阴影颜色为黑色

box-shadow:0px 0px 1px #000
第1个值为0时,代表左右边框阴影 为1px范围
第1个值为正整数 代表 左边框阴影
第1个值为负整数 代表 右边框阴影

第2个值为0 代表上下边框阴影
第2个值为正整数 代表1px阴影距离上边框多少
第2个值为负整数 代表下边框阴影设置

第3个值为阴影范围大小为1px

第4个值为有inset 代表框内阴影 ,不带inset 代表框外阴影

可以这样说:

第一个参数是x轴阴影段长度(水平阴影的位置)

第二个参数是y轴阴影段长度(垂直阴影的位置)

第三个参数是往四周阴影段长度(模糊距离)

第四个参数是阴影段颜色(阴影颜色)

eg:div{box-shadow:0 1px 5px #000;}

你可能感兴趣的:(box-shadow用法解释)