Computer >> 컴퓨터 >  >> 프로그램 작성 >> CSS

CSS 다중 배경 속성


CSS 다중 배경 속성은 HTML 코드 없이 한 번에 하나 이상의 이미지를 추가하는 데 사용됩니다. 요구 사항에 따라 이미지를 추가할 수 있습니다.

여러 배경 이미지의 샘플 구문은 다음과 같습니다 -

#multibackground {
   background-image: url(/css/images/logo.png), url(/css/images/border.png);
   background-position: left top, left top;
   background-repeat: no-repeat, repeat;
   padding: 75px;
}

다음은 값입니다 -

S.no
값 및 설명
1. 배경
한 섹션의 모든 배경 이미지 속성을 설정하는 데 사용됩니다.
2. 배경 클립
배경의 페인팅 영역을 선언하는 데 사용됩니다.
3. 배경 이미지
배경 이미지를 지정하는 데 사용
4. 배경 원본
배경 이미지의 위치를 ​​지정하는 데 사용
5. 배경 크기
배경 이미지의 크기를 지정하는 데 사용