CSS怎么写底部阴影?下面我们来介绍一下:
.box {box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.2);}
其中,box-shadow属性是用来设置阴影的,后面的数值分别代表水平偏移量、垂直偏移量、模糊半径和颜色。
- 水平偏移量为0,即水平方向不偏移;
- 垂直偏移量为-5px,即向上偏移5像素;
- 模糊半径为5px,即阴影的边缘模糊5像素;
- 颜色为rgba(0, 0, 0, 0.2),即黑色透明度为0.2的颜色。
通过设置垂直偏移量为负数,我们可以让阴影显示在底部。
值得注意的是,阴影的颜色可以使用任意颜色,也可以使用rgba()函数来设置透明度。
以上是CSS设置底部阴影的简单介绍,希望能对大家有帮助。