1.RGB是一种色彩标准,是由红(R)、绿(G)、蓝(B)的变化以及相互叠加来得到各式各样的颜色。RGBA是在RGB的基础上增加了控制alpha透明度的参数。

  语法:color:rgba(R,G,B,A)

  以上R、G、B三个参数,正整数值的取值范围为:0 - 255。百分数值的取值范围为:0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。A为透明度参数,取值在0~1之间,不可为负值。

2.CSS3 Gradient 分为线性渐变(linear)和径向渐变(radial)。

  第一个参数省略时,默认为“180deg”,等同于“to bottom”。

  background-image:linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet);

3.HSL 颜色

  HSL 颜色值得到以下浏览器的支持:IE9+、Firefox、Chrome、Safari 以及 Opera 10+。

  HSL 指的是 hue(色调)、saturation(饱和度)、lightness(亮度) - 表示颜色柱面坐标表示法。

  HSL 颜色值是这样规定的:hsl(hue, saturation, lightness)。

  Hue 是色盘上的度数(从 0 到 360) - 0 (或 360) 是红色,120 是绿色,240 是蓝色。Saturation 是百分比值;0% 意味着灰色,而 100% 是全彩。Lightness 同样是百分比值;0% 是黑色,100% 是白色。

例:
p{
  background-color:hsl(120,65%,75%);
}

4.HSLA 颜色

  HSLA 颜色值得到以下浏览器的支持:IE9+、Firefox 3+、Chrome、Safari 以及 Opera 10+。

  HSLA 颜色值是 HSL 颜色值的扩展,带有一个 alpha 通道 - 它规定了对象的不透明度。

  HSLA 颜色值是这样规定的:hsla(hue, saturation, lightness, alpha),其中的 alpha 参数定义不透明度。alpha 参数是介于 0.0(完全透明)与 1.0(完全不透明)的数字。

  例:

  p{
    background-color:hsla(120,65%,75%,0.3);
  }

最新文章

  1. [spring]03_装配Bean
  2. C++ 运算符重载时,将运算符两边对象交换问题.
  3. 在Heroku上部署Node.js应用
  4. 网络-->监控-->交换机端口流量监控
  5. MinGW平台 openjpeg-2.1.0 静态编译后未定义引用的解决方法
  6. SQL: enable sa Account in SQL Server
  7. nginx重定向规则入门
  8. CSS3实现页面的平滑过渡
  9. js页面刷新的几种方法
  10. java1.8的几大新特性(二)
  11. 读书笔记之 - javascript 设计模式 - 组合模式
  12. cf B. Flag Day
  13. Silverlight 结合ArcGis 在地图画点
  14. Java凝视Override、Deprecated、SuppressWarnings详细解释
  15. java学习记录
  16. Spring Boot 系列(三)属性配置&自定义属性配置
  17. 【CSS3】渐变
  18. hadoop学习笔记--找到执行hadoop的入口
  19. 【angularjs】使用angular搭建项目,pc端实现网页中的内容不可复制
  20. etl数据同步工具 kettle

热门文章

  1. mui 中在windows中打开新页面
  2. TCP协议深度刨析
  3. selenium中Xpath和CSS Selector的使用方法
  4. 148 Sort List 链表上的归并排序和快速排序
  5. .net 音频转换 .amr 转 .mp3 (ffmpeg转换法)
  6. 启动hadoop时报root@localhost's password: localhost: Permission denied, please try again.错误。
  7. ES之基本数据类型之间的显示转换和隐式转换
  8. BigDecimal取余运算
  9. Android性能分析工具Profile GPU rendering详细介绍
  10. ios 画板的使用