본문 바로가기

프로그래밍/CSS

background-position 속성관련

> 속성값

left top 왼쪽 상단

left center 왼쪽 중앙

left bottom 왼쪽 아래

right top 오른쪽 상단

right center 오른쪽 중앙

right bottom 오른쪽 아래

center top 가운데 상단

center center 정 가운데

center bottom 가운데 아래



> 사용법 1

body {

background-image : url('이미지주소.jpg');

background-repeat : no-repeat;

background-position : right top;

}


> 사용법 2 (이미지를 여러개 사용할경우)

body {

background-image : url('이미지주소1.jpg'), url('이미지주소2.jpg');

background-repeat : no-repeat;

background-position : right top, left bottom;

}