CSS background 옵션 > IT Tip&Tech

사이트 내 전체검색

IT Tip&Tech

CSS background 옵션 0

페이지 정보

View13,445  | 작성일2012.07.03 09:17

본문


body {background:#FFFFFF url(kissgod.gifno-repeat fixed right bottom}



#FFFFFF 는 문서의 바탕색

kissgod.gif 는 배경그림의 경로 및 이름
no-repeat는 배경그림을 반복시키지 않음 (repeat-x 는 가로로 반복, repeat-y는 세로로 반복)
fixed는 스크롤바를 내려도 배경그림이 한 자리에 계속 멈춰 있게 고정

right bottom는 배경그림의 위치입니다. 옆의 그림을 참고로 위치를 바꾸시면 됩니다. 20% 30% 이런 식으로 % 지정도 가능합니다.
300px 200px 이런 식으로 숫자만 적어서 픽셀 단위로 지정해 줄 수도 있구요.

배경그림 고정시키는 방법은 dhtml 에도 html 에도 있습니다. 서로 장단점이 있으니 비교해 보세요.

댓글목록

등록된 댓글이 없습니다.

IT Tip&Tech 목록

게시물 검색

Copyright © LittleCandle All rights reserved.
문의메일 : littlecandle99@gmail.com
PC 버전으로 보기