<head> 와 </head> 사이에 넣어 주세요.
<style type=text/css>
BODY {background-image:url(그림경로);
background-repeat:no-repeat;
background-position:right;
background-attachment:fixed;
}
</style>
저 위의 right 를 원하는 위치로 바꾸시면 됩니다
background-position:right; --> 이렇게하면 이미지가 우측으로 정렬은 되지만, 세로정렬은
기본정렬(중앙)로 항상 정렬됩니다.
background-position:right bottom;
--> 이렇게 해주시면 "우측, 하단"으로 고정하실수 있습니다.
바꿀수 있는 정렬위치
가로(left, center, right)
세로(top, middle, bottom)
<style type=text/css>
BODY {background-image:url(그림경로);
background-repeat:no-repeat;
background-position:right;
background-attachment:fixed;
}
</style>
저 위의 right 를 원하는 위치로 바꾸시면 됩니다
background-position:right; --> 이렇게하면 이미지가 우측으로 정렬은 되지만, 세로정렬은
기본정렬(중앙)로 항상 정렬됩니다.
background-position:right bottom;
--> 이렇게 해주시면 "우측, 하단"으로 고정하실수 있습니다.
바꿀수 있는 정렬위치
가로(left, center, right)
세로(top, middle, bottom)
'Web(웹) Study > HTML & CSS' 카테고리의 다른 글
| IE6에서 position:fixed 구현하기 (0) | 2008.10.24 |
|---|---|
| HTML 특수문자표, ( 숫자표현,문자표현 ) 코드표 (3) | 2008.10.21 |
| 깔끔하게 링크에 점선 없애기... (0) | 2008.08.07 |
| 로그인이나 입력폼 사용시 탭키 누를 때 순서대로 ^.^ 이동 시키기 (0) | 2008.07.31 |
| CSS핵(hack) 정리 (0) | 2008.07.31 |