css如何给图片添加阴影

HTML中给图片添加阴影一般是通过css的 box-shadow 属性来实现的。

box-shadow至多可以设置6个参数，可以使用一个或多个投影，如果使用多个投影时必须使用逗号","隔开。
```
box-shadow: h-shadow v-shadow blur spread color inset;
```

需要注意的是，如果在img标签上直接使用 box-shadow 的 insert 是没有效果的，可以对div等原属使用 insert。

直接在img上添加阴影
```
img{box-shadow:0 0 20px blue;}
```

在img外套一层div，在div上实现阴影效果
```
div{box-shadow:0 0 20px blue inset;}
```

CSS

我的笔记

两个div并列一行显示的方法 CSS

CSS 选择器使用指南 CSS

CSS 中的 !important 使用手册 CSS

jQuery css() 方法使用指南 jQuery CSS

CSS中 a:hover 失效问题的解决方案 CSS

img 标签上下有多余空白的解决方法 CSS

使用 position:absolute 实现div并排 CSS

2023年 CSS 发展总结 CSS

css中如何实现长英文单词的强制换行 CSS

GitHub 的 Markdown 生成的 html css 样式 CSS GitHub Markdown

CSS 如何修改 input 中的 placeholder 的默认颜色 CSS

img的onerror，处理图片加载失败后的显示问题 CSS

CSS white-space 属性：如何处理元素内的空白 CSS

HTML代码中如何使用CSS让图片等比例缩放而不变形 CSS