box-shadow: 0px 0px 100px 10PX black

`box-shadow` 属性用于设置元素的阴影效果。它接受四个值，分别是水平偏移（x-offset）、垂直偏移（y-offset）、模糊半径（blur radius）和阴影颜色（shadow color）。在给出的例子 `box-shadow: 0px 0px 100px 10px black;` 中：

1. **0px 0px** 是水平和垂直偏移量，表示阴影不会偏离元素的原始位置，即无偏移。
2. **100px** 是模糊半径，表示阴影的扩散程度，数值越大，阴影越模糊。
3. **10px** 是阴影的偏移量，这里设置了投影宽度，如果正值，阴影会在元素框的右侧延伸；如果是负值，阴影将在左侧。
4. **black** 是阴影的颜色。

所以这个样式会创建一个从元素中心向外扩散、宽度为10像素的黑色阴影。

相关问题

box-shadow: 0px 0px 2px 0px black;是啥意思

box-shadow: 0px 0px 2px 0px black; 是CSS中用来添加阴影效果的属性。具体含义如下：

- 0px：表示阴影的水平偏移量，这里为0，表示阴影不偏移。
- 0px：表示阴影的垂直偏移量，这里为0，表示阴影不偏移。
- 2px：表示阴影的模糊半径，这里为2px，表示阴影的边缘模糊程度为2像素。
- 0px：表示阴影的扩展半径，这里为0px，表示阴影不扩展。
- black：表示阴影的颜色，这里为黑色。

所以，box-shadow: 0px 0px 2px 0px black; 的意思是在元素周围添加一个黑色的、模糊程度为2像素的阴影效果。

box-shadow: 0 0 5px 2px black;

box-shadow是CSS中的一个属性，用于给元素添加阴影效果。具体来说，box-shadow属性可以设置四个值，分别表示水平偏移量、垂直偏移量、模糊半径和阴影扩展半径。在你提供的例子中，box-shadow的取值为"0 0 5px 2px black"，解释如下：

1. 水平偏移量：0，表示阴影相对于元素的水平位置不发生偏移。
2. 垂直偏移量：0，表示阴影相对于元素的垂直位置不发生偏移。
3. 模糊半径：5px，表示阴影的模糊程度。值越大，阴影越模糊；值越小，阴影越清晰。
4. 阴影扩展半径：2px，表示阴影的大小范围。正值会使阴影扩大，负值会使阴影收缩。
5. 阴影颜色：black，表示阴影的颜色为黑色。

这样设置的box-shadow属性将在元素周围产生一个黑色的阴影效果，模糊程度为5px，大小范围为2px。