부트스트랩에 배경 이미지를 추가하는 방법

bootstrap 웹 페이지에 이미지를 추가하는 방법에는 두 가지가 있습니다.

#🎜 🎜#

하나는 태그를 통해 HTML에 직접 삽입하는 것입니다

다른 하나는 CSS 배경 속성을 통해 추가하는 것입니다#🎜🎜 # 추천:

bootstrap 배경 이미지를 화면 크기에 맞게 설정하는 방법

#🎜 🎜#Centering 방법 : 가로로 가운데 맞춤 text-align: center and margin: 0 auto

Overview

CSS2에는 5가지 주요 배경 속성이 있습니다. #🎜🎜 #

* background-color: 배경을 채울 색상을 지정합니다.

* background-image: 이미지를 배경으로 인용합니다.

* background-position: 요소의 배경 이미지 위치를 지정합니다.

* background-repeat: 배경 이미지를 반복할지 여부를 결정합니다.

* background-attachment: 배경 이미지가 페이지와 함께 스크롤되는지 여부를 결정합니다.

다중 배경

새 속성: background-clip

새 속성: background-origin

새 속성: 배경 -size

새 속성: (배경 중단)

배경 색상 개선#🎜🎜 #

배경 반복 개선

#🎜🎜 #배경 첨부 개선

새 속성: background-origin

이 속성은 배경 위치와 함께 사용됩니다. 배경 위치는 테두리, 패딩 또는 콘텐츠 상자에서 시작하여 계산할 수 있습니다(배경 클립과 유사).

* background-origin: border-box;

테두리를 원점으로 하여 배경 위치 계산을 시작합니다.

* background-origin: padding-box;

내부 패딩 원점에서 배경 위치 계산 시작

* background-origin: content-box;

원점으로 콘텐츠 상자에서 배경 위치 계산 시작

배경 클립 및 background-origin

관련 권장 사항:
bootstrap 항목 튜토리얼

위 내용은 부트스트랩에 배경 이미지를 추가하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!