(css) background-position속성

배경 이미지 위치 조절하기

background-position: <수평 위치> <수직 위치>;

수평 위치 : left | center | right | <백분율> | <길이 값>

수직 위치 : top | center | bottom | <백분율> | <길이 값>

ex)

background-position: center bottom;    // 배경 이미지를 브라우저 창의 중앙 하단에 배치

background-position: 0% 0%;    // 배경 이미지를 넣으려는 요소의 왼쪽 모소리에 배경 이미지의 왼쪽 모서리를 맞춥니다.

background-position: 30% 60%;    // 배경 이미지를 넣으려는 요소의 왼쪽 모서리로부터 가로 30%, 세로 60%의 위치에 배경 이미지의 가로, 세로가 30% 60%인 위치를 맞춥니다.

background-position: 30px 20px;    // 가로 30픽셀, 세로 20픽셀의 위치에 배경 이미지의 왼쪽 상단 모서리를 맞춥니다.