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. | 배경 크기 배경 이미지의 크기를 지정하는 데 사용 |