[CSS] 배경이미지: background-image

background-imgae: url("")

배경에 이미지를 넣을수 있는 속성으로, 다음 속성들과 같이 사용할 수 있다.

 

같이 쓰면좋은 속성들

background-repeat: no-repeat; 배경 이미지가 작은 경우, 배경을 반복하지 않는다.
background-position: center; 중앙정렬
background-size: cover; 이미지 비율을 유지하면서, 이미지를 꽉 차게

background-size: contatin; 이미지가 잘리지 않는선에서, 최대크기로 배치 

 

background-position: top; /* 위 */
background-position: right; /* 오른쪽 */
background-position: bottom; /* 아래 */
background-position: left; /* 왼쪽 */
background-position: left top; /* 왼쪽 위 (지정하지 않았을 때 기본값) */
background-position: center;