배경이미지에 적용할 CSS

교교 2014.01.09 17:34:59
배경이미지를 위한 CSS .................................................

HTML 로 배경이미지를 넣고 싶은 경우 background="url" 로 사용한다.
특정위치에 가로로만 또는 세로로만, 또는 특정위치에 한번만 배경이미지를 표현하고 싶을 경우 CSS를 사용할 수 있다.

BODY,TABLE,TD 등의 태그에 주로 적용할 수 있다.


background-image:url(1.jpg) ;배경이미지의 url
background-repeat:no-repeat ;
background-repeat:repeat ;
background-repeat:repeat-x ;
background-repeat:repeat-y ;
반복적으로 표현하지 않음
반복적으로 표현(디폴트)
repeat-x : x 방향으로만 반복
repeat-y : y 방향으로만 반복
background-position: bottom 100px ;표현하고자 하는 위치(상하 좌우)
- left,top,right,bottom
- 100px, 200px
- 10%,20%
background-attachment: fixed ;배경을 고정 시키기(스크롤시)
생략하면 스크롤됨
body 태그나 iframe,레이어 같은 스크롤이
생기는 곳에서 사용할 수 있다