background 는 배경색 혹은 배경이미지를 출력할때 사용합니다.

사용예)

처럼 배경이미지를 사용할 때 전체 화면에 지정한 이미지를 사용하고 싶으면 background:url(이미지 지정) 형식으로 지정하면 된다.

repeat-x => 가로로 계속 반복되어 표시가 된다.
repeat-y => 세로로 계속 반복되어 표시가 된다.
no-repeat => 한 번만 표시하고 반복하지 않는다.
bottom => 배경이미지를 화면의 하단부터 채우기 시작한다.
     
   배경 위치로 지정하기

    0 50% => 배경이미지를 왼쪽 0, 위에서부터 50% 위치부터 채우기 시작한다.
    예> 배경이미지를 한 번만 표시하고 왼쪽에 붙여서 세로 중앙에 위치시킨다.
    background:url(이미지 지정) no-repeat 0 50%;