[CSS] 투명도 조절 방법 (opacity)

내가 지정한 색상에 CSS 스타일 옵션을 적용하여

투명도를 조절하는 방법에 대해서 알아보겠습니다.

---

투명도 설정(opacity)

<div> 태그에 배경색을 적용합니다.

그리고 투명도 옵션인 opacity 스타일에 추가합니다.

투명도는 20%로 지정한 상태입니다.

 

HTML코드

<div >
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
</div>

 

CSS코드

div {
    background-color: green;
    opacity:0.2; /* 20% 투명도 */
}

 

결과화면

투명도 적용 전

투명도 20% 적용 후

 

이상으로 CSS 투명도를 설정하는

opacity 옵션에 대해서 알아보았습니다.

 

[CSS] 배경색만 투명하게 만들기 (RGB)