Use HSLA color to set background color - HTML CSS CSS

HTML CSS examples for CSS:Color

  1. HOME
  2. HTML CSS
  3. CSS
  4. Color

Description

Use HSLA color to set background color

Demo Code

ResultView the demo in separate window 

<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><!--from w ww . ja va  2  s  . c o  m-->
   <body>
      <p>HSLA colors:</p>
      <p id="d1">Less opacity green</p>
      <p id="d2">Green</p>
      <p id="d3">Green</p>
   </body>
</html>

Related Tutorials