CSS의 배경 이미지 속성은 다음과 같습니다. 1. 배경 이미지; 3. 배경 위치 5. 배경 첨부;
이 튜토리얼의 운영 환경: Windows 10 시스템, CSS3 버전 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.
(학습 영상 공유: css 영상 튜토리얼)
일반적인 이미지 속성은 다음과 같습니다:
1. 배경 이미지 삽입
background-image:url(位置及名称); //默认在父级元素内的左上角
2. 배경 타일링 방법
background-repeat:no-repeat; //不平铺
3. 배경 크기
.background-position:right bottom; //横向在右边,纵向在下边,即右下角 center center; //位于中心 center right; //中间靠右 100px 200px; //靠左100 靠上200
참고: 낮은 버전의 IE는 배경 크기를 지원하지 않습니다
5. 배경 표시 방법
background-size:cover/contain/100% 100% 等比例缩放(铺满即可)/包含在里面/按盒子大小缩放
관련 권장 사항:
CSS 튜토리얼위 내용은 CSS에서 배경 이미지의 속성은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!