box-shadow: inset

box-shadow: inset是用于在元素内部创建一个内阴影效果的CSS属性。通过使用inset关键字，阴影将被绘制在元素的内部，而不是默认的外部。

该属性接受一组值，包括水平偏移量、垂直偏移量、模糊半径、扩展半径和颜色。例如：

box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.5);

这个例子将在元素内部创建一个5像素模糊半径的2像素外扩展的黑色阴影效果。你可以根据需要调整这些值来创建不同的效果。

相关问题

box-shadow: inset 3px 3px 5px -1px #000;

box-shadow: inset 3px 3px 5px -1px #000; 是一个CSS属性，用于创建一个具有内阴影效果的盒子。其中，inset表示内阴影，3px和3px表示阴影的水平和垂直偏移量，5px表示阴影的模糊半径，-1px表示阴影的扩展半径，#000表示阴影的颜色为黑色。这个属性可以应用于任何具有背景的元素，如按钮、盒子等，以实现内阴影效果。[1]

box-shadow: inset 0 -1px 5px 0 rgba(0, 0, 0, 0.2);

box-shadow是CSS中用于给元素添加阴影效果的属性。其中，inset关键字表示阴影是内部阴影，即在元素内部显示阴影效果。具体的阴影效果可以通过设置不同的参数来实现。

在给定的代码中，box-shadow属性的值为"inset 0 -1px 5px 0 rgba(0, 0, 0, 0.2)"，它包含了四个参数：

1. inset：表示阴影是内部阴影。
2. 0：表示阴影的水平偏移量为0，即阴影不偏移。
3. -1px：表示阴影的垂直偏移量为-1像素，即向上偏移1像素。
4. 5px：表示阴影的模糊半径为5像素，即阴影的边缘模糊程度为5像素。
5. 0 rgba(0, 0, 0, 0.2)：表示阴影的颜色为rgba(0, 0, 0, 0.2)，即黑色带有20%的透明度。

这段代码的效果是在元素底部添加一个向上偏移1像素、模糊半径为5像素的黑色阴影，并且透明度为20%。