[第28课] 为网页文字添加阴影效果
讲师:李晓斌 长度:7分18秒 软件:Div+CSS 发布日期:2018年03日26日视频课程:[CSS3 技术与浏览器兼容性解析(已完结)]
课程介绍
在text-shadow属性没有出现之前,如果需要实现文本的阴影效果只能是将文本在Photoshop中制作成图片的形成插入到网页中,这种方式使用起来非常不便。现在CSS 3新增了text-shadow属性,通过使用该属性可以直接对网页中的文本设置阴影效果。text-shadow属性有两个作用,使文字产生阴影和模糊主体,这样就能够轻松地增强网页中文本的质感。
实际上,text-shadow属性曾经在CSS 2中出现过,但是在CSS 2.1版本中又被抛弃了,现在CSS 3中又重新将其加入,这说明text-shadow属性非常值得Web设计师重视。
要想掌握text-shadow属性在网页中的应用,首先需要理解其语法规则,text-shadow属性的语法格式如下。
text-shadow: h-shadow v-shadow blur color;
text-shadow属性包含4个属性参数,每个属性参数都有自己的作用。text-shadow属性的属性参数说明如下表所示。
可以使用text-shadow属性来为文本指定多个阴影效果,并且可以针对每个阴影使用不同的颜色。指定多个阴影时需要使用逗号将多个阴影进行分隔。text-shadow属性的多阴影效果将按照所设置的顺序应用,因此前面的阴影有可能会覆盖后面的,但是它们永远不会覆盖文字本身。
注意事项
-如果您在任何场合索要、传播、出售、租借学设计网出品原创视频教程,我们一律进行封号、封ip等措施处理,请务必珍惜您的帐号。无论传播还是索取,我们都会进行封号处理。
-由于您对视频教程的言论、索要、传播、出售、租借,对学设计网造成的间接或直接经济损失,我们将追究您的法律责任,并有权索回对我们造成的经济损失。
-只要您浏览本网页我们就将视您已经阅读了本注意事项中所有条例,并且同意本事项的所有条例。
-学设计网拥有以上事项的最终解释权。
-由于您对视频教程的言论、索要、传播、出售、租借,对学设计网造成的间接或直接经济损失,我们将追究您的法律责任,并有权索回对我们造成的经济损失。
-只要您浏览本网页我们就将视您已经阅读了本注意事项中所有条例,并且同意本事项的所有条例。
-学设计网拥有以上事项的最终解释权。
教程评论
您必须 [ 登录 ] 才能发表评论!
如何观看全部课程
推荐课程
推荐图文教程
推荐书籍