반응형

background 에는 3가지 속성을 함께 써준다.

background-image: url('.....');
background-position: center;
background-size: cover;

background-image
배경에 이미지를 넣고 싶을때 사용.

background-positon
배경 이미지 위치 지정.
기본적으로 왼쪽 상단부터 이미지가 시작이 되는데 position을 center 로 지정할 경우 이미지 가운데 부터 시작할 수 있다.

background-size
배경 사이즈 선택. cover 의 경우 배경 블럭 공간 만큼 자동으로 맞춰 준다.

반응형

+ Recent posts