第五课 CSS3新增颜色属性.ppt

  1. 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
  2. 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  3. 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
HTML5+CSS3 讲师:玄武 QQ:3208548563 目录: CSS颜色属性复习 CSS3新增颜色属性 CSS颜色属性复习 color name 颜色英文名称命名 HEX方式 十六进制方式 rgb方式 三原色配色方式 实例:生成随即颜色 CSS3新增颜色属性 RGBA模式 HSL模式 HSLA模式 CSS3新增颜色属性 RGBA模式 R: red 红色 0-255/% G: green 绿色 0-255/% B: blue 蓝色 0-255/% A: alpha 透明度 0~1之间 语法:rgba(r,g,b,a); CSS3新增颜色属性 HSL模式 HSLA模式 H: Hue(色调)。 0(或360)表示红色,120表示绿色,240表示蓝色,也可取其他数值来指定颜色。取值为:0 - 360 S: Saturation(饱和度)。取值为:0.0% - 100.0% L: Lightness(亮度)。取值为:0.0% - 100.0% A: alpha 透明度 0~1之间 语法:HSLA(H,S,L,A) CSS3新增颜色属性 HSL色轮 CSS3新增颜色属性 透明颜色: transparent 实例:border实现三角箭头、风车等 透明度: opacity 取值:0-1之间 注:低版本的IE浏览器不兼容,需用IE浏览器的滤镜实现相同效果,filter:alpha(opacity=50) 对于低版本的火狐浏览器需添加内核前缀,-moz-opacity 付出不亚于任何人的努力 谦虚戒骄 天天反省 活着就要感谢 积善行、思利他 不要有感性的烦恼 封面页 * 封面页 *

文档评论(0)

a13355589 + 关注
实名认证
内容提供者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档