NEWS

建站资讯

div代码css属性——阴影效果

新闻资讯编辑:【三行广州网站建设www.3gonet.com】 发布时间2013.8.26.浏览数:2558
div代码css属性——阴影效果 , 广州网站建设www.3gonet.com三行网络 为您详细介绍 - 请往下阅读》

div代码css属性——阴影效果

div代码css属性——阴影效果:通过CSS3的box-shadow属性可以非常方便地实现阴影效果。所有主流的浏览器都支持这个属性,其中Safari浏览器支持加前缀的-webkit-box-shadow属性。

广州网站建设http://www.3gonet.com/ Css代码

复制代码代码如下:
#myDiv{
-moz-box-shadow: 20px 10px 7px #ccc;
-webkit-box-shadow: 20px 10px 7px #ccc;
box-shadow: 20px 10px 7px #ccc;
}

也可以用JavaScript来实现阴影效果,如下:

Css代码

复制代码代码如下:
object.style.boxShadow=”20px 10px 7px #ccc”

本文由广州网站建设公司-三行网络原创,转载请保留版权( 广州网站建设www.3gonet.com三行网络——专注于企业网站建设、响应式营销型网站定制,欢迎来电咨询!热线:020-85628720 【微信:15989229398】

标签: div代码css属性——阴影效果

上一篇:CSS属性——圆角效果    下一篇:div+css代码:@media属性

div代码css属性——阴影效果

微网站Webapp 三行网络专业订制开发微信网站制作,让微信公众账号实现微菜单、微活动、微会员、微商城等功能,打造炫丽的企业微网站!公众平台搭配"微网站",犹如虎添翼!在保留公众平台所有优势的前提下,提升展示形象,更好的与客户互动。