HTML CSS 为元素设置阴影

添加样式 box-shadow: 4px 4px 16px #aaa; 即可让元素添加阴影效果。

比如用 CSS 为 img 图片添加阴影效果:

html

            <img src="/favicon.svg"/>
        

css

            img {
                width:80px;
                height:80px;
                box-shadow: 4px 4px 16px #aaa; /* 阴影效果 */
            }
        

阴影效果如下: