이미지 넣기

• 표기법

1. background-image: url(images/bg.gif); =>css 파일 기준 경로
2. background-image: url(../images/bg.gif);  => css 파일 기준 경로
3. background-image: url(/images/bg.gif);

• 반복 제어

1. background-repeat : no-repeat;
2. background-repeat : repeat;
3. background-repeat : repeat-x;
4. background-repeat : repeat-y;

• 위치지정

1. 가로(left, center, right), 세로(top, center, bottom)
2. 예) background-position : left top;
3. 예) background-position : 5px 8px;  =>오른쪽으로 5px, 아래로 8px
4. 예) background-position : 50% 50%  =>화면 한가운데 배치
5. 예) background-position : 5px 50%   =>오른쪽으로5px, 세로로 가운데

• 제자리에 이미지 고정시키기

1. background-attachment : fixed; =>스크롤해도 화면의 그 자리에 계속 유지
2. background-attachment : scroll;  => 기본설정

• 속기법

1. background : url(image/bullseye.gif) fixed left top repeat-x;