배경사진 불러오기
<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를 사용)
나머지 부분은 바탕을 투명하게 적용하는 옵션입니다.