CSS background 옵션 > IT Note

본문 바로가기
사이트 내 전체검색

IT Note

CSS background 옵션
0

View 13,446  | 작성일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 목록

게시물 검색

접속자집계

오늘
839
어제
522
최대
6,399
전체
660,297
Copyright © LittleCandle All rights reserved.
문의메일 : littlecandle99@gmail.com
모바일 버전으로 보기