프로그래밍 연습
인프런 HTML&CSS강좌 CSS3 단위 - url() - display 속성 - visibility 속성 - opacity 속성
성장하는큰숲
2020. 11. 12. 07:42
인프런 HTML&CSS강좌
CSS3 단위 - url() - display 속성 - visibility 속성 - opacity 속성
url()
background-image : url(배경 이미지의 경로)
display 속성 : 어떻게 표시할지 선택
: inline, block, none
- inline : 한 줄로 나열되게끔 만드는 요소. 앞 뒤 줄바꿈을 바꾸지 않아도 됨
- block : inline요소를 블록요소로 만들어줌. 앞 뒤로 줄바꿈이 됨.
- none : 공간을 차지하지 않음. 박스 생성 안됨.
visibility 속성 : 요소를 보여줄지 말지 결정
: visible, hidden, collapse
opacity 투명도를 조절하는 속성
기본값은 100%(1)이며 0%에 가까워질수록 투명해진다.
opacity : 1; => 100%
opacity : 0.7=> 70%
opacity : 0.4 => 40%
display, visiblity 속성 참고 블로그