好程序员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. <!DOCTYPE html>

2. <html>

3. <head>

4. <meta charset="utf-8" />

5. <title>HSL_CSS参考手册_web前端开发参考手册系列</title>

6. <style>

7. .test{background-color:hsla(360,50%,50%,0.5);}

8. </style>

9. </head>

10. <body>

11. <div>能看到此行背景说明你的浏览器支持HSLA色彩记法</div>

12. </body>

13.</html>

新闻名称：好程序员web前端分享CSS3颜色值HSLA表示方式-创新互联
本文路径：https://www.cdcxhl.com/article36/pijpg.html

成都网站建设公司_创新互联，为您提供搜索引擎优化、网站维护、品牌网站设计、网站导航、App开发、云服务器

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容