发布日期:2013-02-25 15:27 来源:佚名 标签: CSS HSL 颜色
 

HSL(hue-saturation-lightness)表示方法(CSS3特有):目前还不被多数浏览器支持

示例
/* red */
color:hsl(0, 100%, 50%);

说明:

hue取值为[0,360],0,360都为红色,120为绿色,240为蓝色

saturation与lightness取值为[0%,100%]

HSLA表示方式(CSS3特有):目前还不被多数浏览器支持

示例
/* 不透明度为1 */
color:hsla(120, 100%, 50%, 1);

HSLA是在HSL的基础上增加了alpha通道

HSLA是什么?

H代表色相(hue)

S代表饱和度(saturation)

L代表亮度(lightness)

A代表不透明度(alpha)的缩写

相关评论

专题信息
    如果你开发web相关应用或者网站的话,肯定知道CSS对于页面布局的重要性。CSS最主要的目的是将文件的内容与显示分隔开来,有着许多的好处。如果你是初学者,那么就从我们的 CSS 入门基础教程开始吧,相信您肯定会受益良多的。