* CSS 속성으로 이미지 위치지정 방법
이미지를 하나만 원하는 위치에 올릴때
<table style="background-color:black;background-image:url(http://bagus.com.ne.kr/img/p-20.gif); background-repeat: no-repeat; background-position:300 50;">
<tr><td width=600 height=200>
</td></tr></table>
|
설명 : 여기서 사용한 이미지 위치는 position:300 50;으로 정해 지는데 table 크기 width=600 height=200 에서 이미지 좌측이 좌측으로 부터의 300px 지점과, 이미지 상단이 위로부터 50px의 지점에 이미지 상단이 위치합니다.
background-repeat: no-repeat;....이미지를 반복하지 않고 하나만 : no-repeat
|
이미지를 가로로 반복해서 올릴때
<table border=1 style="background-image:url(http://bagus.com.ne.kr/img/p-20.gif); background-repeat:repeat-x; background-position:bottom right;width:580;height:150;">
<tr><td></td></tr></table>
|
이미지를 세로로 반복해서 올릴때
<table border=1 style="background-image:url(http://oo3oo.com.ne.kr/img2/nari.gif); background-repeat:repeat-y; background-position:top right;"width=600 height=400>
<tr><td>
</td></tr></table>
*****************************************
background-repeat:repeat-x(이미지 설정)
가로반복 : repeat-x
세로반복 : repeat-y
반복하지 않음 : no-repeat
background-position:top right;(이미지 위치)
세로정렬 : top. center. bottom
가로정렬 : left. center. right
부라우저창에 대한 비율 : 0 30 (x% y%)
background-sttachment:fixed ; .......화면에 고정
SAYA
|
다음검색
카페 검색
|