티스토리 뷰
[CSS] 투명도 설정 하는법 - opacity와 rgba 차이점
JoonPyo-Hong 2021. 8. 10. 09:48반응형
CSS에서 투명도를 설정하는 방법은 두가지가 있다.
1. opacity 속성
div{
background-color : rgb(255,255,255); opacity : 0.5;
}
2. rgba 속성
div{
background-color : rgb(255,255,255,0.5);
}
div 태그의 투명도를 0.5로 설정하였다.
0 ~ 1의 값으로 설정할 수 있다. 0에 가까울수록 투명해진다.
opacity는 div 태그와 하위 요소까지 적용되고,
rgba는 div 태그에만 적용된다.
반응형
'[CSS]' 카테고리의 다른 글
[CSS] 반응형 웹 - 뷰 포트 (View Port) (2) | 2021.07.26 |
---|---|
[CSS] 반응형 웹 미디어 쿼리 (Media Query) (0) | 2021.07.26 |
댓글
반응형