好程序员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透明度。
兼容性:
示例代码 : (自行找测试的地方啊)
1.
2.
3.
4.
5.
6.
7. .test{background-color:hsla(360,50%,50%,0.5);}
8.
9.
10.
11.
能看到此行背景说明你的浏览器支持HSLA色彩记法
12.
13.
本文标题:好程序员web前端分享CSS3颜色值HSLA表示方式-创新互联
新闻来源:http://ybzwz.com/article/pijpg.html