이미지를 패턴형태로 반복해서 배경처리하기
<BODY style="background:URL('http://static.naver.net/common/snb/090513/h_naver2.gif');">
</BODY>
이미지를 패턴형태로 가로로만 반복해서 배경처리하기
<BODY style="background:URL('http://static.naver.net/common/snb/090513/h_naver2.gif') repeat-x;">
</BODY>
이미지를 패턴형태로 세로로만 반복해서 배경처리하기
<BODY style="background:URL('http://static.naver.net/common/snb/090513/h_naver2.gif') repeat-y;">
</BODY>
이미지를 가운데 위쪽에 한번만 배경처리하기
<BODY style="background:URL('http://static.naver.net/common/snb/090513/h_naver2.gif') no-repeat center top;">
</BODY>
즉, repeat 속성과 포지션 속성을 적용하여 여러가지 형태로 나타낼 수 있습니다.
반복옵션 : repeat-x / repeat-y / no-repeat
가로 방향 위치정의 : left / center / top
세로 방향 위치정의 : top / middle / bottom
네이버 지식인에서 펌