CSS CSS의 일부 배경 구문

CSS 설명
background-image:url("이미지의 URL");
background: url("이미지의 URL");
배경색:#색상 코드 배경색;

경험치:
배경 이미지:url(배경 패턴.jpg,gif,bmp);
배경색:#FFFFFF;
background-color : transparent <--배경을 투명한 색상으로 설정합니다.

------------------------------------- ----------------------------------

background-repeat는 배경 이미지의 병렬 반복 설정을 변경합니다.

CSS
설명하다
배경 이미지를 나란히 반복
반복-x 배경 이미지는 X 방향으로 나란히 배열됩니다.
반복 Y 배경 이미지는 Y 방향으로 나란히 배열됩니다.
반복되지 않는 배경 이미지는 나란히 처리되지 않습니다.

경험치:
배경 이미지:url("/u/info_img/2009-06/09/xx.gif");
배경 반복:반복 없음;
이 사진을 배경으로 사용하세요. 사진 크기가 충분하지 않을 경우 나란히 반복하지 마세요.

------------------------------------- ----------------------------------

배경 첨부가 이미지 위치를 수정하는지 여부

CSS
설명하다
스크롤 스크롤을 당기면 그에 따라 배경 이미지가 이동합니다. (기본값)
고정 스크롤을 당길 때 배경 이미지가 움직이지 않습니다.

경험치:
배경 이미지:url("/u/info_img/2009-06/09/xx.gif");
배경 반복:반복 없음;
배경 부착:고정;
/u/info_img/2009-06/09/xx.gif의 배경 이미지는 반복되거나 병치되지 않으며 스크롤에 따라 움직이지 않습니다.

------------------------------------- ----------------------------------

배경 위치를 길이로 지정: x y
백분율 위치 지정 배경 위치 사용: x% y%

CSS
설명하다
x% 오른쪽으로 이동
y% 아래로 이동
배경 위치: 0% 왼쪽 위 0%;
배경 위치: 0% 50% 왼쪽 중앙;
배경 위치: 중앙 위 50% 0%;
배경 위치: 50% 50%;
배경 위치:100% 0%;
배경 위치: 0% 왼쪽 아래 100%;
배경 위치: 100% 50% 중간 오른쪽;
배경 위치: 50% 100%;
배경 위치: 100% 100% 오른쪽 아래

키워드로 타겟팅
키워드 설명
상단( y = 0 )
중심( x = 50, y = 50 )
하단 ( y = 100 )
왼쪽 왼쪽 ( x= 0 )

경험치:
배경 위치:중심;
이미지는 지정된 배경 중앙의 X=50% Y=50% 위치에 있습니다.
배경 위치: 200px 30px