배경이미지 제어 태그

◈ 배경이미지 무반복
<style type="text/css">
body {background-image:url(배경이미지 파일명); background-repeat:no-repeat}
</style>

◈ 배경이미지 가로만 반복
<style type="text/css">
body {background-image:url(배경이미지 파일명); background-repeat:repeat-x}
</style>

◈ 배경이미지 세로만 반복
<style type="text/css">
body {background-image:url(배경이미지 파일명); background-repeat:repeat-y}
</style>

◈ 배경이미지 특정위치에 놓기(주의 : 넷스케이프 지원안함)
<style type="text/css">
body {background-image:url(배경이미지 파일명); background-repeat:no-repeat}
background-attachment : fixed; background-position : 50% 50%}
</style>

바로 위의 스타일시트 태그는 배경이미지를 반복하지 않고 중앙에 배경이미지 하나만을 위치시키도록 하는 스타일시트 태그입니다.
여기서 위의 스타일시트 태그의 no, x, y, 50%등을 응용하면 배경이미지를 자유자재로 위치시킬수 있습니다.