CSS로 배경색의 불투명도 설정

<시간/>

배경색의 불투명도를 설정하려면 RGBA 색상 값과 함께 opacity 속성을 사용하십시오.

예시

다음 코드를 실행하여 불투명도 속성을 구현할 수 있습니다.

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            background: rgb(40, 135, 70);
            padding: 20px;
         }
         div.first {
            background: rgba(40, 135, 70, 0.2);
         }
         div.second {
            background: rgba(40, 135, 70, 0.6);
         }
      </style>
   </head>
   <body>
      <p>RGBA color values</p>
      <div class = "first"><p>20% opacity</p></div>
      <div class = "second"><p>60% opacity</p></div>
      <div><p>Default Opacity</p></div>
   </body>
</html>