기타팁

배경 x,y축으로 반복 또는 한번만 출력

by gsm posted Mar 19, 2012
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄 수정 삭제

이미지를 패턴형태로 반복해서 배경처리하기
<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


네이버 지식인에서 펌