css为div添加阴影效果的方法-创新互联

这篇文章主要介绍css为div添加阴影效果的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

成都创新互联是一家以网络技术公司,为中小企业提供网站维护、网站设计制作、成都网站设计、网站备案、服务器租用、空间域名、软件开发、重庆小程序开发等企业互联网相关业务,是一家有着丰富的互联网运营推广经验的科技公司,有着多年的网站建站经验,致力于帮助中小企业在互联网让打出自已的品牌和口碑,让企业在互联网上打开一个面向全国乃至全球的业务窗口:建站联系热线:13518219792

                                                           css为div添加阴影效果的方法

代码实现:


 
for IE:
direction 阴影角度 0°为从下往上 顺时针方向
strength  阴影段长度
 
-moz-box-shadow: 2px 2px 10px #909090;
-webkit-box-shadow: 2px 2px 10px #909090;
box-shadow:2px 2px 10px #909090;
 
第一个参数是x轴阴影段长度
第二个参数是y轴阴影段长度
第三个参数是往四周阴影段长度
第四个参数是阴影段颜色
 
div代码:
123123213123

以上是css为div添加阴影效果的方法的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联-成都网站建设公司行业资讯频道!


名称栏目:css为div添加阴影效果的方法-创新互联
URL标题:http://scyanting.com/article/dghjee.html