box-shadow: inset 0 -1px 5px 0 rgba(0, 0, 0, 0.2);
时间: 2024-04-21 09:18:59 浏览: 248
box-shadow的使用方法
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%。
阅读全文