[스크랩] 전체배경 소스분석

<style> body { background-image:url("배경그림주소"); background-attachment: fixed; background-repeat: no-repeat; background-position: right bottom ; } table { background-color: transparent; } td { background-color: transparent; }</style>   .................................................................................................................................   [설명] url 은 배경그림의 경로 및 이름 no-repeat는 배경그림을 반복시키지 않음 (repeat-x 는 가로로 반복, repeat-y는 세로로 반복) fixed는 스크롤바를 내려도 배경그림이 한 자리에 계속 멈춰 있게 고정 right bottom는 배경그림의 위치입니다. 아래의 보충설명을 참고로 위치를 바꾸시면 됩니다. 20% 30% 이런 식으로 % 지정도 가능합니다. 300px 200px 이런 식으로 숫자만 적어서 픽셀 단위로 지정해 줄 수도 있구요. 배경그림 고정시키는 방법은 dhtml에도 html에도 있습니다. 서로 장단점이 있으니 비교해 보세요.     [보충설명] ------------------------------------------------------------------------------------        left top  (왼쪽 위)        l      center top(중앙 위)         l    right top(오른쪽 위) ------------------------------------------------------------------------------------     left center (왼쪽 가운데)  l center center (중앙 가운데)  l  right center (오른쪽 가운데)           ------------------------------------------------------------------------------------     left bottom (왼쪽 아래)     l   center bottom(중앙 아래)   l  right bottom (오른쪽 아래) ------------------------------------------------------------------------------------   지금 올린 배경소스는 홈페이지나 다른 사이트 게시판에서 적용됩니다. (네이버에서는 사용 불가 - 네이버에서 사용 못하게 막아놨네요.) 이미지 아무거나 꺼내셔서 태그연습장에다 연습해 보세요~* 위에 소스 배경그림 주소만 바꾸시면 되요*^^*

출처 : ♡ inmyheartyou

글쓴이 : ♡ 하트 원글보기

메모 :