CSS3 HSLA 颜色属性


HSLA 代表色调、饱和度、明度和 alpha。alpha 值指定不透明度,如 RGBA 所示。

示例

以下示例显示了 HSLA 颜色属性 −

实时演示

<html>
   <head>
      <style>
         #d1 {background-color:hsla(120,100%,50%,0.3);}
         #d2 {background-color:hsla(120,100%,75%,0.3);}
         #d3 {background-color:hsla(120,100%,25%,0.3);}
      </style>
   </head>
   <body>
      <p>HSLA colors:</p>
      <p id = "d1">Less opacity green</p>
      <p id = "d2">Green</p>
      <p id = "d3">Green</p>
   </body>
</html>

更新于: 29-6 月 - 2020

166 次浏览

开启你的 职业生涯

通过完成课程获得认证

立即开始
广告
© . All rights reserved.