background
단축 속성
색상, 이미지 경로, 반복, 위치, 스크롤특성 등을 넣어줄 수 있음
background-color
배경에 색상 지정
background-image
요소의 배경에 하나 이상의 이미지를 삽입
기본은 이미지가 없음
url("") 을 통해 넣어줄 수 있음.
background-repeat
배경의 이미지를 반복하게 만들 수 있음
default가 repeat이기 때문에 none으로 해주면
반복하지 않게 됨
background-position
박스 내에서 이미지를 배치 시킬 수 있음
background-attachment
요소가 스크롤 될 때 배경이 같이 스크롤 될지 말지 결정
기본값은 scroll
fixed로 고정 가능
background-size
cover : 배경 이미지의 크기 비율을 유지하며, 요소의 더 넓은 너비에 맞춰짐. 잘릴 수 있음
contain : 배경 이미지의 크기 비율을 유지하며, 요소의 더 좁은 너비에 맞춰짐.
성장하는 개발자