css中怎么实现一个阴影效果

本篇文章为大家展示了css中怎么实现一个阴影效果，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。

甘州网站建设公司创新互联,甘州网站设计制作，有大型网站制作公司丰富经验。已为甘州近千家提供企业网站建设服务。企业网站搭建\成都外贸网站建设要多少钱，请找那个售后服务好的甘州做网站的公司定做！

代码如下:

.mydiv{
width:250px;height:auto;border:#909090 1px solid;background:#fff;color:#333;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=3);/*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*/
}

上述内容就是css中怎么实现一个阴影效果，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注创新互联行业资讯频道。

分享标题：css中怎么实现一个阴影效果
分享路径：http://hxwzsj.com/article/pdhpge.html