css中怎么给背景图片加一层阴影
时间: 2024-02-27 17:25:13 浏览: 190
可以使用box-shadow属性来为背景图片添加阴影。具体方法如下:
1. 设置一个带有背景图片的元素,比如div:
```
<div class="box"></div>
```
2. 在CSS中为该元素添加box-shadow属性:
```
.box{
background-image: url('your-image-url');
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
```
其中,box-shadow属性的参数分别表示阴影的水平偏移量、垂直偏移量、模糊半径和颜色。这里的阴影颜色使用的是rgba格式,其中的最后一个参数0.5表示阴影的不透明度,可以根据需要进行调整。
阅读全文