网站建设资讯

NEWS

网站建设资讯

好程序员web前端分享CSS3颜色值HSLA表示方式-创新互联

说明:本文档兼容性测试基础环境为: windows系统;IE6-IE10, Firefox6.0, Chrome13.0, Safari5.1, Opera11.51

为西乡等地区用户提供了全套网页设计制作服务,及西乡网站建设行业解决方案。主营业务为网站设计制作、网站设计、西乡网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!

说明:
HSLA(H,S,L,A)

取值:
H:
Hue(色调)。0(或360)表示红色,120表示绿色,240表示蓝色,也可取其他数值来指定颜色。取值为:0 - 360
S:
Saturation(饱和度)。取值为:0.0% - 100.0%
L:
Lightness(亮度)。取值为:0.0% - 100.0%
A:
Alpha透明度。取值0~1之间。

说明:
HSL记法。
此色彩模式与 HSL相同,只是在HSL模式上新增了Alpha透明度。


兼容性:

好程序员web前端分享CSS3颜色值HSLA表示方式

示例代码 (自行找测试的地方啊)

1. 

2. 

3. 

4. 

5.  HSL_CSS参考手册_web前端开发参考手册系列

6. 

9. 

10. 

11. 

能看到此行背景说明你的浏览器支持HSLA色彩记法

12. 

      13.


名称栏目:好程序员web前端分享CSS3颜色值HSLA表示方式-创新互联
文章网址:http://cdweb.net/article/pijpg.html