[第44课] 为网页元素添加阴影效果
讲师:李晓斌 长度:9分14秒 软件:Div+CSS 发布日期:2018年04日10日视频课程:[CSS3 技术与浏览器兼容性解析(已完结)]
课程介绍
在CSS 3中新增了为元素添加阴影的新属性box-shadow,通过该属性可以轻松的实现网页中元素的阴影效果。
通过box-shadow属性,可以为网页中的元素设置一个或多个阴影效果,如果在box-shadow属性是同时设置了多个阴影效果,则多个阴影的设置代码之间必须使用英文逗号“,”隔开。
box-shadow属性的法语法规则如下。
box-shadow: none | [<length> <length> <length>?<length>? || <color>] [,<length> <length> <length>?<length>? || <color>] +;
上面的语法规则可以简写如下。
box-shadow: none | [inset x-offset y-offset blur-radius spread-radius color], [inset x-offset y-offset blur-radius spread-radius color];
box-shadow属性的参数说明如下表所示。
注意事项
-如果您在任何场合索要、传播、出售、租借学设计网出品原创视频教程,我们一律进行封号、封ip等措施处理,请务必珍惜您的帐号。无论传播还是索取,我们都会进行封号处理。
-由于您对视频教程的言论、索要、传播、出售、租借,对学设计网造成的间接或直接经济损失,我们将追究您的法律责任,并有权索回对我们造成的经济损失。
-只要您浏览本网页我们就将视您已经阅读了本注意事项中所有条例,并且同意本事项的所有条例。
-学设计网拥有以上事项的最终解释权。
-由于您对视频教程的言论、索要、传播、出售、租借,对学设计网造成的间接或直接经济损失,我们将追究您的法律责任,并有权索回对我们造成的经济损失。
-只要您浏览本网页我们就将视您已经阅读了本注意事项中所有条例,并且同意本事项的所有条例。
-学设计网拥有以上事项的最终解释权。
教程评论
您必须 [ 登录 ] 才能发表评论!
如何观看全部课程
推荐课程
推荐图文教程
推荐书籍