CSS background image 설정

1. background-image : url(test.gif);

 : 배경 이미지 선택
 
2. background-repeat : no-repeat;

 : no-repeat - 배경 이미지가 한번만 나타나게 한다
 : repeat - 배경 전체에 가로, 세로방향으로 반복 적용된다 [default]
 : repeat-x - 가로 방향으로만 반복 적용된다. 상단 가로 일적선 방향으로 반복
 : repeat-y - 세로 방향으로만 반복 적용된다. 좌측면을 따라 세로 일직선상으로 반복

3. background-attachment : scroll; 

 : scroll - 문서와 배경이 같이 스크롤 된다 [default]
 : fixed - 문서는 스크롤이 되지만 배경은 스크롤이 되지 않는다
 : local - 배경이 엘리먼트 콘텐츠에 고정
 
4. background-position : 0px 0px;

 : 0px 0px - 첫번째는 left 값, 두번째는 top 값
 : 25% 25% - 부모 엘리먼트의 크기에 비례한 가로, 세로 값
 : top, bottom, left, right, center  키워드 가능