카테고리 없음

배경사진 불러오기

상상플러스s 2012. 6. 5. 19:44

<style>
body {background-image:url("이미지주소");
background-attachment: fixed;
background-repeat: repeat;
background-position: bottom right;}
table { background-color: transparent; }
td { background-color: transparent; }
</style>


- 배경소스 속성 -


image:url("이미지주소") 

→배경으로 사용할 이미지를 불러옵니다.

 

attachment: fixed                      →배경 이미지를 고정시킵니다.

                                                  스크롤바를 움직여도 움직이지 않습니다.

                                                  (스크롤함에 따라 움직이려면 이 옵션을 지워주세요.)

 

 

repeat: repeat-->    배경 이미지를 반복해서 적용합니다.

                                    일반적인 크기인 1024-768 사이즈보다 작을 경우 반복됩니다.

                                    (반복하지 않으려면 no-repeat 적용)

 

position: bottom right--> 이미지를 아래 오른쪽에 위치시킵니다.

                                            (top,bottom,center,left,right를 사용)

 

나머지 부분은 바탕을 투명하게 적용하는 옵션입니다.