배경이미지 설정하기

• background-image : url(이미지경로);
  • 기본적으로 배경이미지를 설정하게 되면 벽지의 패턴처럼 가로, 세로 반복하여 보여준다.
• background-repeat : no-repeat;
  • 속성값이 repeat-x : x축으로만 반복
  • 속성값이 repeat-y : y축으로만 반복
• background-position : center;
• background-size: cover;
• background-attachment : fixed;
  • 한화면에 내용을 다 보여줄 수 없고 스크롤이 있는 경우 스크롤을 움직여도 항상 고정된 위치에 배경이미지를 보여준다.
  • 기본값은 scroll 이며 스크롤이 변경되면 배경이미지가 보이지 않는다.
• 위의 속성들을 한꺼번에 설정할 수도 있다.

background:lightblue url(img.jpg) no-repeat fixed center;