
先简单说明一下属性:
外阴影:box-shadow: X轴 Y轴 Rpx color;
属性说明(顺序依次对应):阴影的X轴(可以使用负值) 阴影的Y轴(可以使用负值) 阴影模糊值(大小) 阴影的颜色
内阴影:box-shadow: X轴 Y轴 Rpx colorinset;
默认是外阴影 内阴影:inset 可以设置成内部阴影
box-shadow: 0 0 10px #f00 (因没有使其X轴与Y轴移动 设置值 所在会在本身发生作用 半径范围,颜色)box-shadow:4px 4px 10px#f00;与测试1不同 X轴与Y轴改变了正值(正值 向右 向下) 所以变成了这样 box-shadow:-4px -4px 10px#f00;与测试2不同 之处是 X轴与Y轴改变成了负值(负值 向左 向上) 所以变成了这样