배경 다루기

✏️ 배경 추가하기

박스 모델에 배경으로 추가된 색상이나 이미지 등은 기본적으로 margin 영역을 제외한 나머지 영역 안에서 적용
다양한 하위 속성들을 사용해서 컨트롤이 가능

background-접미사 형태로 사용 가능

• -color : 배경 색상 지정
• -clip : 배경 적용 범위
  content-box / padding-box / border-box
• -image : 배경 이미지 지정
• -origin : 배경의 시작 위치
  content-box / padding-box / border-box
• -size : 배경 이미지의 크기
• -position : 배경 이미지의 위치
  top / right / bottom / left (중복 사용도 가능)
• -repeat : 배경 이미지의 반복 패턴
  no-repeat / repeat-x / repeat-y / repeat