>  기사  >  웹 프론트엔드  >  CSS에서 배경 이미지의 속성은 무엇입니까?

CSS에서 배경 이미지의 속성은 무엇입니까?

王林
王林원래의
2020-11-23 11:14:0711243검색

CSS의 배경 이미지 속성은 다음과 같습니다. 1. 배경 이미지; 3. 배경 위치 5. 배경 첨부;

CSS에서 배경 이미지의 속성은 무엇입니까?
이 튜토리얼의 운영 환경: 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.