Css - background

배경 이미지 설정하기

backgorund-image: url('경로명/그림파일명.확장자');

 

-CSS에서 경로를 상대경로로 설정할 때 기준위치(현재위치)

• 인라인CSS, 내부CSS ==> HTML문서의 저장 위치
• 외부CSS ==> 외부CSS 파일의 저장 위치

-배경 이미지의 반복 여부 설정

repeat (상하좌우 반복) -> 기본값

no-repeat(반복하지 않는다.)

repeat-x, repeat-y (x축, y축 방향으로만 반복)

background-position

• top, center, bottom -> 상하
• left, center, right -> 좌우

background-size: 가로, 세로 배경이미지의 크기.

background-attachment

• local,scroll (배경과 내용이 같이 움직인다.
• fixed (배경은 스크롤되지 않고 내용만 스크롤된다.)

body 값에서 background-attachment 사용시 고정됨.

바디가 전체값이라서 그런듯(?)

div에서는 스크롤 내려면 자동적으로 내려가는것을 확인