[CSS] background 배경 이미지 관련 속성들 모음

- 배경이미지 넣기

background-image: url(' ')

 

- 배경 이미지 크기 조정

background-size: 150px
background-size: (가로)px (세로)px
background-size: contain /* 요소의 크기보다 작거나 같게 */
background-size: cover /* 요소의 크기보다 크거나 같게 */

- 배경 이미지 위치 조정

background-position: (left/center/right) (top/center/bottom)

px, %, cm 등 수치로도 입력 가능

- 배경 이미지 반복 제거

background-repeat: no-repeat