> 속성값
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;
}
'프로그래밍 > CSS' 카테고리의 다른 글
CSS white-space 공백 처리 방법 정하는 속성 배우기 (0) | 2020.04.24 |
---|---|
jQuery 셀렉터 (0) | 2016.05.30 |
sytle="cursor:hand" 마우스포인터표시하기 (0) | 2012.07.27 |