배경이미지에 적용할 CSS
배경이미지를 위한 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,레이어 같은 스크롤이
생기는 곳에서 사용할 수 있다 | | |
|
|
|
오렌지
