div添加阴影效果

最新推荐文章于 2025-05-26 12:19:03 发布

mm9581353984

最新推荐文章于 2025-05-26 12:19:03 发布

阅读量2.9k

点赞数

CC 4.0 BY-SA版权

分类专栏：乱七八糟文章标签： css

本文链接：https://blog.csdn.net/mm9581353984/article/details/32694891

乱七八糟专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用CSS为网页元素添加阴影效果。通过多种浏览器前缀兼容性设置，确保跨浏览器的一致显示。包括IE特有的滤镜属性及Firefox、Safari、Chrome、Opera和IE9+的标准属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在css样式里建了.shadow{
filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4);/*ie*/
-moz-box-shadow: 2px 2px 10px #909090;/*firefox*/
-webkit-box-shadow: 2px 2px 10px #909090;/*safari或chrome*/
box-shadow:2px 2px 10px #909090;/*opera或ie9*/
}

然后在页面里面一个div调用:<div class="shadow">内容</div>