css3技术

CSS3教程:css3的颜色取值的方法_div+css教程

字号+ 作者:H5之家 来源:H5之家 2015-09-15 14:36 我要评论( )

CSS3教程:css3的颜色取值的方法,学习CSS3教程:css3的颜色取值的方法,CSS3教程:css3的颜色取值的方法,查看CSS3教程:css3的颜色取值的方法,CSS3教程:css3颜色取值

CSS3教程:css3颜色取值有哪些方法


    css颜色取值,大家对于css2版本以下颜色名称、十六进制技法、rgb记法。
以上取值记法大家都和你熟悉,css3又有什么更另类的取值方法呢?
RGBA、HSL、HSLA这三位大侠就是我们拭目以待的css3的颜色取值方法。

RGBA

    即在css2版本中RGB记法增加了支持透明度的元素,语法也是相当容易理解:RGBA(255,0,0,0.5),这里的透明度,取值方范围在0-1。

HSL

    玩过PS的童鞋应该对于这个HSL应该是很熟悉的,依次表达的意思是:
H:Hue(色调)。0(或360)表示红色,120表示绿色,240表示蓝色,也可取其他数值来指定颜色。取值为:0 - 360,其实它的单位是度
S: Saturation(饱和度)。取值为:0.0% - 100.0%
L: Lightness(亮度)。取值为:0.0% - 100.0%
语法:hsl(207,38%,47%)

HSLA

    这个也是在HSL的基础上增加了支持透明度的元素,这里的透明度,取值方范围在0-1。
语法:hsl(207,38%,47%,0.5)

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • CSS3教程:css3多重背景设置_div+css教程

    CSS3教程:css3多重背景设置_div+css教程

    2015-09-15 14:36

网友点评