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

时间 2019-12-06

标签程序员 web 前端分享 css3 css 颜色 hsla 表示方式栏目快乐工作繁體版

原文原文链接

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

说明：
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

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title>HSL_CSS参考手册_web前端开发参考手册系列</title>
<style>
.test{background-color:hsla(360,50%,50%,0.5);}
</style>
</head>
<body>
<div class="test">能看到此行背景说明你的浏览器支持HSLA色彩记法</div>
</body>

13.</html>windows